@banyan_cloud/roots 2.0.66 → 2.0.67

package/dist/cjs/v2/index.js

@@ -210,9 +210,9 @@ function inputHelper(event) {
 
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
-var css$M = ".BaseCell_module_root__e11a03a1 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0.5rem;\n  gap: 0.5rem;\n  flex: none;\n  height: 3rem;\n  background: var(--light-color3);\n  max-width: 100%;\n  max-height: 100%;\n}\n.BaseCell_module_root__e11a03a1 > [data-elem*=component] {\n  display: inline-block;\n  max-height: 100%;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_sm__e11a03a1 {\n  width: 9.063rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_md__e11a03a1 {\n  width: 15.625rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_lg__e11a03a1 {\n  width: 21.875rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_auto__e11a03a1 {\n  width: auto;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusDefault__e11a03a1 {\n  border-radius: 0.25rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusRound__e11a03a1 {\n  border-radius: 50%;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusEllipse__e11a03a1 {\n  border-radius: 1.563rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusNone__e11a03a1 {\n  border-radius: 0rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1 {\n  flex-grow: 1;\n  flex-shrink: 1;\n  min-width: 3rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1.BaseCell_module_sm__e11a03a1 {\n  min-width: 9.063rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1.BaseCell_module_md__e11a03a1 {\n  min-width: 15.625rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1.BaseCell_module_lg__e11a03a1 {\n  min-width: 21.875rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_centered__e11a03a1 {\n  justify-content: center;\n}";
+var css$S = ".BaseCell_module_root__e11a03a1 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0.5rem;\n  gap: 0.5rem;\n  flex: none;\n  height: 3rem;\n  background: var(--light-color3);\n  max-width: 100%;\n  max-height: 100%;\n}\n.BaseCell_module_root__e11a03a1 > [data-elem*=component] {\n  display: inline-block;\n  max-height: 100%;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_sm__e11a03a1 {\n  width: 9.063rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_md__e11a03a1 {\n  width: 15.625rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_lg__e11a03a1 {\n  width: 21.875rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_auto__e11a03a1 {\n  width: auto;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusDefault__e11a03a1 {\n  border-radius: 0.25rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusRound__e11a03a1 {\n  border-radius: 50%;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusEllipse__e11a03a1 {\n  border-radius: 1.563rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusNone__e11a03a1 {\n  border-radius: 0rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1 {\n  flex-grow: 1;\n  flex-shrink: 1;\n  min-width: 3rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1.BaseCell_module_sm__e11a03a1 {\n  min-width: 9.063rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1.BaseCell_module_md__e11a03a1 {\n  min-width: 15.625rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1.BaseCell_module_lg__e11a03a1 {\n  min-width: 21.875rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_centered__e11a03a1 {\n  justify-content: center;\n}";
 var modules_3af9b74c$1 = {"root":"BaseCell_module_root__e11a03a1","sm":"BaseCell_module_sm__e11a03a1","md":"BaseCell_module_md__e11a03a1","lg":"BaseCell_module_lg__e11a03a1","auto":"BaseCell_module_auto__e11a03a1","border-radius-default":"BaseCell_module_borderRadiusDefault__e11a03a1","border-radius-round":"BaseCell_module_borderRadiusRound__e11a03a1","border-radius-ellipse":"BaseCell_module_borderRadiusEllipse__e11a03a1","border-radius-none":"BaseCell_module_borderRadiusNone__e11a03a1","flexible":"BaseCell_module_flexible__e11a03a1","centered":"BaseCell_module_centered__e11a03a1"};
-n(css$M,{});
+n(css$S,{});
 
 /**
  * BaseCell - A flexible container component for displaying up to three components in a structured layout
@@ -278,9 +278,9 @@ var BaseCell$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return null;
 });
 
-var css$L = "button.BaseButton_module_root__eb55429f[data-elem=base-cell] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  display: inline-flex;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  border: none;\n  background: none;\n  padding: 0.5rem 0.75rem;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell]:focus {\n  outline: 1px solid var(--primary-color4);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell]:active {\n  outline: none;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell]:disabled {\n  cursor: not-allowed;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell].BaseButton_module_contained__eb55429f {\n  background: var(--text-color);\n  color: var(--light-color3);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell].BaseButton_module_outlined__eb55429f {\n  color: var(--text-color);\n  border: 1px solid var(--text-color);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell].BaseButton_module_text__eb55429f {\n  color: var(--text-color);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell] [data-elem*=component] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell] [data-elem=component2] {\n  min-width: 0;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell] [data-elem=title] {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}";
+var css$R = "button.BaseButton_module_root__eb55429f[data-elem=base-cell] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  display: inline-flex;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  border: none;\n  background: none;\n  padding: 0.5rem 0.75rem;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell]:focus {\n  outline: 1px solid var(--primary-color4);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell]:active {\n  outline: none;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell]:disabled {\n  cursor: not-allowed;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell].BaseButton_module_contained__eb55429f {\n  background: var(--text-color);\n  color: var(--light-color3);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell].BaseButton_module_outlined__eb55429f {\n  color: var(--text-color);\n  border: 1px solid var(--text-color);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell].BaseButton_module_text__eb55429f {\n  color: var(--text-color);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell] [data-elem*=component] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell] [data-elem=component2] {\n  min-width: 0;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell] [data-elem=title] {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}";
 var modules_ab72627b$1 = {"root":"BaseButton_module_root__eb55429f","contained":"BaseButton_module_contained__eb55429f","outlined":"BaseButton_module_outlined__eb55429f","text":"BaseButton_module_text__eb55429f"};
-n(css$L,{});
+n(css$R,{});
 
 var BaseButton$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$className = props.className,
@@ -330,9 +330,9 @@ var BaseButton$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
 });
 
-var css$K = "button.Button_module_root__f628f9e2[data-elem=base-cell] {\n  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), border-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  cursor: pointer;\n  position: relative;\n  width: -moz-fit-content;\n  width: fit-content;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell] [data-elem=title] {\n  font-family: Jakarta, sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 20px;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_sizeXs__f628f9e2 {\n  height: 32px;\n  padding: 0 12px;\n  gap: 4px;\n  border-radius: 6px;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_sizeSm__f628f9e2 {\n  height: 36px;\n  padding: 0 14px;\n  gap: 4px;\n  border-radius: 6px;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_sizeMd__f628f9e2 {\n  height: 40px;\n  padding: 0 16px;\n  gap: 6px;\n  border-radius: 6px;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_sizeLg__f628f9e2 {\n  height: 44px;\n  padding: 0 18px;\n  gap: 6px;\n  border-radius: 6px;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_primary__f628f9e2 {\n  background: #1570ef;\n  color: #ffffff;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_primary__f628f9e2:hover:not(:disabled) {\n  background: #175cd3;\n  box-shadow: 0 2px 5px 0 rgba(46, 144, 250, 0.08), 0 0 0 1px rgba(46, 144, 250, 0.4), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_primary__f628f9e2:active:not(:disabled) {\n  background: #1849a9;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_primary__f628f9e2:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #1570ef;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_secondary__f628f9e2 {\n  background: #252b37;\n  color: #ffffff;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_secondary__f628f9e2:hover:not(:disabled) {\n  background: #414651;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_secondary__f628f9e2:active:not(:disabled) {\n  background: #181d27;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_secondary__f628f9e2:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #a4a7ae;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_soft__f628f9e2 {\n  background: #fafafa;\n  color: #414651;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_soft__f628f9e2:not(:disabled) svg {\n  color: #414651;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_soft__f628f9e2:hover:not(:disabled) {\n  background: #f5f5f5;\n  color: #252b37;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_soft__f628f9e2:active:not(:disabled) {\n  background: #f5f5f5;\n  color: #252b37;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_soft__f628f9e2:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #a4a7ae;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_outline__f628f9e2 {\n  background: transparent;\n  color: #414651;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_outline__f628f9e2:hover:not(:disabled) {\n  background: #fafafa;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_outline__f628f9e2:active:not(:disabled) {\n  background: #f5f5f5;\n  box-shadow: 0 0 0 1px #d5d7da;\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_outline__f628f9e2:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #535862;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_ghost__f628f9e2 {\n  background: transparent;\n  color: #414651;\n  box-shadow: none;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_ghost__f628f9e2:hover:not(:disabled) {\n  background: #fafafa;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_ghost__f628f9e2:active:not(:disabled) {\n  background: #f5f5f5;\n  box-shadow: none;\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_ghost__f628f9e2:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #a4a7ae;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_critical__f628f9e2 {\n  background: #d92d20;\n  color: #ffffff;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_critical__f628f9e2:hover:not(:disabled) {\n  background: #b42318;\n  box-shadow: 0 2px 5px 0 rgba(217, 45, 32, 0.08), 0 0 0 1px rgba(217, 45, 32, 0.4), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_critical__f628f9e2:active:not(:disabled) {\n  background: #912018;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_critical__f628f9e2:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f04438;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_iconOnly__f628f9e2 {\n  padding: 0 !important;\n  aspect-ratio: 1/1;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_iconOnly__f628f9e2.Button_module_sizeXs__f628f9e2 {\n  width: 32px;\n  height: 32px;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_iconOnly__f628f9e2.Button_module_sizeSm__f628f9e2 {\n  width: 40px;\n  height: 40px;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_iconOnly__f628f9e2.Button_module_sizeMd__f628f9e2 {\n  width: 44px;\n  height: 44px;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_iconOnly__f628f9e2.Button_module_sizeLg__f628f9e2 {\n  width: 52px;\n  height: 52px;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell]:disabled {\n  transition: background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9), color 150ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  background: #f5f5f5;\n  color: #a4a7ae;\n  cursor: not-allowed;\n  box-shadow: none;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell]:disabled [data-elem=title],\nbutton.Button_module_root__f628f9e2[data-elem=base-cell]:disabled svg {\n  opacity: 0.6;\n}\n@media (prefers-reduced-motion: reduce) {\n  button.Button_module_root__f628f9e2[data-elem=base-cell] {\n    transition: none !important;\n  }\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_unstyled__f628f9e2 {\n  all: unset !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  cursor: pointer !important;\n  background: transparent !important;\n  padding: 4px !important;\n  margin: 0 !important;\n  border: none !important;\n  box-shadow: none !important;\n  border-radius: 4px !important;\n  height: auto !important;\n  width: auto !important;\n  min-width: unset !important;\n  font: inherit !important;\n  color: inherit !important;\n  outline: none !important;\n}\n\n.Button_module_iconXs__f628f9e2 {\n  width: 18px !important;\n  height: 18px !important;\n  flex-shrink: 0;\n}\n\n.Button_module_iconSm__f628f9e2 {\n  width: 18px !important;\n  height: 18px !important;\n  flex-shrink: 0;\n}\n\n.Button_module_iconMd__f628f9e2 {\n  width: 18px !important;\n  height: 18px !important;\n  flex-shrink: 0;\n}\n\n.Button_module_iconLg__f628f9e2 {\n  width: 20px !important;\n  height: 20px !important;\n  flex-shrink: 0;\n}";
+var css$Q = "button.Button_module_root__f628f9e2[data-elem=base-cell] {\n  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), border-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  cursor: pointer;\n  position: relative;\n  width: -moz-fit-content;\n  width: fit-content;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell] [data-elem=title] {\n  font-family: Jakarta, sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 20px;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_sizeXs__f628f9e2 {\n  height: 32px;\n  padding: 0 12px;\n  gap: 4px;\n  border-radius: 6px;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_sizeSm__f628f9e2 {\n  height: 36px;\n  padding: 0 14px;\n  gap: 4px;\n  border-radius: 6px;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_sizeMd__f628f9e2 {\n  height: 40px;\n  padding: 0 16px;\n  gap: 6px;\n  border-radius: 6px;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_sizeLg__f628f9e2 {\n  height: 44px;\n  padding: 0 18px;\n  gap: 6px;\n  border-radius: 6px;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_primary__f628f9e2 {\n  background: #1570ef;\n  color: #ffffff;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_primary__f628f9e2:hover:not(:disabled) {\n  background: #175cd3;\n  box-shadow: 0 2px 5px 0 rgba(46, 144, 250, 0.08), 0 0 0 1px rgba(46, 144, 250, 0.4), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_primary__f628f9e2:active:not(:disabled) {\n  background: #1849a9;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_primary__f628f9e2:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #1570ef;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_secondary__f628f9e2 {\n  background: #252b37;\n  color: #ffffff;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_secondary__f628f9e2:hover:not(:disabled) {\n  background: #414651;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_secondary__f628f9e2:active:not(:disabled) {\n  background: #181d27;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_secondary__f628f9e2:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #a4a7ae;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_soft__f628f9e2 {\n  background: #fafafa;\n  color: #414651;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_soft__f628f9e2:not(:disabled) svg {\n  color: #414651;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_soft__f628f9e2:hover:not(:disabled) {\n  background: #f5f5f5;\n  color: #252b37;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_soft__f628f9e2:active:not(:disabled) {\n  background: #f5f5f5;\n  color: #252b37;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_soft__f628f9e2:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #a4a7ae;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_outline__f628f9e2 {\n  background: transparent;\n  color: #414651;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_outline__f628f9e2:hover:not(:disabled) {\n  background: #fafafa;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_outline__f628f9e2:active:not(:disabled) {\n  background: #f5f5f5;\n  box-shadow: 0 0 0 1px #d5d7da;\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_outline__f628f9e2:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #535862;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_ghost__f628f9e2 {\n  background: transparent;\n  color: #414651;\n  box-shadow: none;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_ghost__f628f9e2:hover:not(:disabled) {\n  background: #fafafa;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_ghost__f628f9e2:active:not(:disabled) {\n  background: #f5f5f5;\n  box-shadow: none;\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_ghost__f628f9e2:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #a4a7ae;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_critical__f628f9e2 {\n  background: #d92d20;\n  color: #ffffff;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_critical__f628f9e2:hover:not(:disabled) {\n  background: #b42318;\n  box-shadow: 0 2px 5px 0 rgba(217, 45, 32, 0.08), 0 0 0 1px rgba(217, 45, 32, 0.4), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_critical__f628f9e2:active:not(:disabled) {\n  background: #912018;\n  box-shadow: 0 2px 5px 0 rgba(103, 110, 118, 0.08), 0 0 0 1px rgba(103, 110, 118, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.12);\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_critical__f628f9e2:focus-visible:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f04438;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_iconOnly__f628f9e2 {\n  padding: 0 !important;\n  aspect-ratio: 1/1;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_iconOnly__f628f9e2.Button_module_sizeXs__f628f9e2 {\n  width: 32px;\n  height: 32px;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_iconOnly__f628f9e2.Button_module_sizeSm__f628f9e2 {\n  width: 40px;\n  height: 40px;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_iconOnly__f628f9e2.Button_module_sizeMd__f628f9e2 {\n  width: 44px;\n  height: 44px;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_iconOnly__f628f9e2.Button_module_sizeLg__f628f9e2 {\n  width: 52px;\n  height: 52px;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell]:disabled {\n  transition: background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9), color 150ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n  background: #f5f5f5;\n  color: #a4a7ae;\n  cursor: not-allowed;\n  box-shadow: none;\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell]:disabled [data-elem=title],\nbutton.Button_module_root__f628f9e2[data-elem=base-cell]:disabled svg {\n  opacity: 0.6;\n}\n@media (prefers-reduced-motion: reduce) {\n  button.Button_module_root__f628f9e2[data-elem=base-cell] {\n    transition: none !important;\n  }\n}\nbutton.Button_module_root__f628f9e2[data-elem=base-cell].Button_module_unstyled__f628f9e2 {\n  all: unset !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  cursor: pointer !important;\n  background: transparent !important;\n  padding: 4px !important;\n  margin: 0 !important;\n  border: none !important;\n  box-shadow: none !important;\n  border-radius: 4px !important;\n  height: auto !important;\n  width: auto !important;\n  min-width: unset !important;\n  font: inherit !important;\n  color: inherit !important;\n  outline: none !important;\n}\n\n.Button_module_iconXs__f628f9e2 {\n  width: 18px !important;\n  height: 18px !important;\n  flex-shrink: 0;\n}\n\n.Button_module_iconSm__f628f9e2 {\n  width: 18px !important;\n  height: 18px !important;\n  flex-shrink: 0;\n}\n\n.Button_module_iconMd__f628f9e2 {\n  width: 18px !important;\n  height: 18px !important;\n  flex-shrink: 0;\n}\n\n.Button_module_iconLg__f628f9e2 {\n  width: 20px !important;\n  height: 20px !important;\n  flex-shrink: 0;\n}";
 var modules_b0070f27$1 = {"root":"Button_module_root__f628f9e2","size-xs":"Button_module_sizeXs__f628f9e2","size-sm":"Button_module_sizeSm__f628f9e2","size-md":"Button_module_sizeMd__f628f9e2","size-lg":"Button_module_sizeLg__f628f9e2","primary":"Button_module_primary__f628f9e2","secondary":"Button_module_secondary__f628f9e2","soft":"Button_module_soft__f628f9e2","outline":"Button_module_outline__f628f9e2","ghost":"Button_module_ghost__f628f9e2","critical":"Button_module_critical__f628f9e2","icon-only":"Button_module_iconOnly__f628f9e2","unstyled":"Button_module_unstyled__f628f9e2","icon-xs":"Button_module_iconXs__f628f9e2","icon-sm":"Button_module_iconSm__f628f9e2","icon-md":"Button_module_iconMd__f628f9e2","icon-lg":"Button_module_iconLg__f628f9e2"};
-n(css$K,{});
+n(css$Q,{});
 
 var Button$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$className = props.className,
@@ -479,8 +479,8 @@ var AlertIcon = {
   }
 };
 
-var css$J = ".Arrow_module_right__19f08663 {\n  transform: rotate(0deg);\n}\n\n.Arrow_module_left__19f08663 {\n  transform: rotate(180deg);\n}\n\n.Arrow_module_bottom__19f08663 {\n  transform: rotate(90deg);\n}\n\n.Arrow_module_top__19f08663 {\n  transform: rotate(270deg);\n}";
-n(css$J,{});
+var css$P = ".Arrow_module_right__19f08663 {\n  transform: rotate(0deg);\n}\n\n.Arrow_module_left__19f08663 {\n  transform: rotate(180deg);\n}\n\n.Arrow_module_bottom__19f08663 {\n  transform: rotate(90deg);\n}\n\n.Arrow_module_top__19f08663 {\n  transform: rotate(270deg);\n}";
+n(css$P,{});
 
 var Caret = function Caret(props) {
   var _props$className = props.className,
@@ -606,8 +606,8 @@ var Checked = function Checked(props) {
   });
 };
 
-var css$I = ".Chevron_module_left__8b1808eb {\n  transform: rotate(0deg);\n}\n\n.Chevron_module_bottom__8b1808eb {\n  transform: rotate(90deg);\n}\n\n.Chevron_module_right__8b1808eb {\n  transform: rotate(180deg);\n}\n\n.Chevron_module_top__8b1808eb {\n  transform: rotate(270deg);\n}";
-n(css$I,{});
+var css$O = ".Chevron_module_left__8b1808eb {\n  transform: rotate(0deg);\n}\n\n.Chevron_module_bottom__8b1808eb {\n  transform: rotate(90deg);\n}\n\n.Chevron_module_right__8b1808eb {\n  transform: rotate(180deg);\n}\n\n.Chevron_module_top__8b1808eb {\n  transform: rotate(270deg);\n}";
+n(css$O,{});
 
 var Cross = function Cross(props) {
   var className = props.className;
@@ -870,9 +870,9 @@ var ViewPasswordIcon = function ViewPasswordIcon(props) {
   });
 };
 
-var css$H = ".Accordion_module_root__3fa1d289 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  width: 100%;\n}\n.Accordion_module_root__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.5rem 1rem;\n  cursor: pointer;\n  border: 0;\n  border: 2px solid transparent;\n  border-top: 1px solid #ededed;\n}\n.Accordion_module_root__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] > [data-elem=component3] svg {\n  transition: all 0.3s ease-in-out;\n}\n.Accordion_module_root__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] > [data-elem=component1], .Accordion_module_root__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] > [data-elem=component3] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.Accordion_module_root__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] > [data-elem=component1] svg, .Accordion_module_root__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] > [data-elem=component3] svg {\n  transform: rotate(180deg);\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--text-color);\n}\n.Accordion_module_root__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] > [data-elem=component3] {\n  margin-left: auto;\n}\n.Accordion_module_root__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] .Accordion_module_title__3fa1d289 {\n  flex: 1 1 auto;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  color: var(--text-color);\n}\n.Accordion_module_root__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell]:hover {\n  border-left-color: #e86a00;\n  background: #e4e4e4;\n}\n.Accordion_module_root__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] :focus-visible {\n  border-color: #3b82f6;\n}\n.Accordion_module_root__3fa1d289:not(.Accordion_module_open__3fa1d289):not(:has(+ .Accordion_module_root__3fa1d289)) > .Accordion_module_header__3fa1d289[data-elem=base-cell] {\n  border-bottom: 1px solid #ededed;\n}\n.Accordion_module_root__3fa1d289.Accordion_module_open__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] {\n  border-top: 0;\n}\n.Accordion_module_root__3fa1d289.Accordion_module_open__3fa1d289 + .Accordion_module_root__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] {\n  border-top: 0;\n}\n.Accordion_module_root__3fa1d289 > .Accordion_module_body__3fa1d289 {\n  padding: 0.5rem 2.5rem;\n}\n.Accordion_module_root__3fa1d289.Accordion_module_open__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] {\n  border-left-color: #e86a00;\n}\n.Accordion_module_root__3fa1d289.Accordion_module_open__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] [data-elem=component3] svg {\n  transform: none;\n}\n.Accordion_module_root__3fa1d289.Accordion_module_open__3fa1d289 {\n  border-bottom: 1px solid #ededed;\n  border-top: 1px solid #ededed;\n}\n.Accordion_module_root__3fa1d289.Accordion_module_open__3fa1d289 > .Accordion_module_body__3fa1d289 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n.Accordion_module_root__3fa1d289.Accordion_module_open__3fa1d289 > .Accordion_module_body__3fa1d289 > button[data-elem=base-cell] {\n  width: -moz-fit-content;\n  width: fit-content;\n  align-self: flex-end;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n}\n.Accordion_module_root__3fa1d289.Accordion_module_open__3fa1d289 > .Accordion_module_body__3fa1d289 > button[data-elem=base-cell] .Accordion_module_expand__3fa1d289 {\n  height: 1.5rem;\n  width: 1.5rem;\n}\n.Accordion_module_root__3fa1d289.Accordion_module_disabled__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] {\n  cursor: not-allowed;\n  pointer-events: none;\n  background: transparent;\n  border-top: 1px solid #ededed;\n}\n.Accordion_module_root__3fa1d289.Accordion_module_disabled__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] .Accordion_module_title__3fa1d289 {\n  color: #161616;\n  opacity: 25%;\n}\n.Accordion_module_root__3fa1d289.Accordion_module_disabled__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] svg {\n  opacity: 0.25;\n}\n.Accordion_module_root__3fa1d289.Accordion_module_disabled__3fa1d289 > .Accordion_module_body__3fa1d289 {\n  display: none;\n}";
+var css$N = ".Accordion_module_root__3fa1d289 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  width: 100%;\n}\n.Accordion_module_root__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.5rem 1rem;\n  cursor: pointer;\n  border: 0;\n  border: 2px solid transparent;\n  border-top: 1px solid #ededed;\n}\n.Accordion_module_root__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] > [data-elem=component3] svg {\n  transition: all 0.3s ease-in-out;\n}\n.Accordion_module_root__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] > [data-elem=component1], .Accordion_module_root__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] > [data-elem=component3] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.Accordion_module_root__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] > [data-elem=component1] svg, .Accordion_module_root__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] > [data-elem=component3] svg {\n  transform: rotate(180deg);\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--text-color);\n}\n.Accordion_module_root__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] > [data-elem=component3] {\n  margin-left: auto;\n}\n.Accordion_module_root__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] .Accordion_module_title__3fa1d289 {\n  flex: 1 1 auto;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  color: var(--text-color);\n}\n.Accordion_module_root__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell]:hover {\n  border-left-color: #e86a00;\n  background: #e4e4e4;\n}\n.Accordion_module_root__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] :focus-visible {\n  border-color: #3b82f6;\n}\n.Accordion_module_root__3fa1d289:not(.Accordion_module_open__3fa1d289):not(:has(+ .Accordion_module_root__3fa1d289)) > .Accordion_module_header__3fa1d289[data-elem=base-cell] {\n  border-bottom: 1px solid #ededed;\n}\n.Accordion_module_root__3fa1d289.Accordion_module_open__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] {\n  border-top: 0;\n}\n.Accordion_module_root__3fa1d289.Accordion_module_open__3fa1d289 + .Accordion_module_root__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] {\n  border-top: 0;\n}\n.Accordion_module_root__3fa1d289 > .Accordion_module_body__3fa1d289 {\n  padding: 0.5rem 2.5rem;\n}\n.Accordion_module_root__3fa1d289.Accordion_module_open__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] {\n  border-left-color: #e86a00;\n}\n.Accordion_module_root__3fa1d289.Accordion_module_open__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] [data-elem=component3] svg {\n  transform: none;\n}\n.Accordion_module_root__3fa1d289.Accordion_module_open__3fa1d289 {\n  border-bottom: 1px solid #ededed;\n  border-top: 1px solid #ededed;\n}\n.Accordion_module_root__3fa1d289.Accordion_module_open__3fa1d289 > .Accordion_module_body__3fa1d289 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n.Accordion_module_root__3fa1d289.Accordion_module_open__3fa1d289 > .Accordion_module_body__3fa1d289 > button[data-elem=base-cell] {\n  width: -moz-fit-content;\n  width: fit-content;\n  align-self: flex-end;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n}\n.Accordion_module_root__3fa1d289.Accordion_module_open__3fa1d289 > .Accordion_module_body__3fa1d289 > button[data-elem=base-cell] .Accordion_module_expand__3fa1d289 {\n  height: 1.5rem;\n  width: 1.5rem;\n}\n.Accordion_module_root__3fa1d289.Accordion_module_disabled__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] {\n  cursor: not-allowed;\n  pointer-events: none;\n  background: transparent;\n  border-top: 1px solid #ededed;\n}\n.Accordion_module_root__3fa1d289.Accordion_module_disabled__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] .Accordion_module_title__3fa1d289 {\n  color: #161616;\n  opacity: 25%;\n}\n.Accordion_module_root__3fa1d289.Accordion_module_disabled__3fa1d289 > .Accordion_module_header__3fa1d289[data-elem=base-cell] svg {\n  opacity: 0.25;\n}\n.Accordion_module_root__3fa1d289.Accordion_module_disabled__3fa1d289 > .Accordion_module_body__3fa1d289 {\n  display: none;\n}";
 var modules_8207625f = {"root":"Accordion_module_root__3fa1d289","header":"Accordion_module_header__3fa1d289","title":"Accordion_module_title__3fa1d289","open":"Accordion_module_open__3fa1d289","body":"Accordion_module_body__3fa1d289","expand":"Accordion_module_expand__3fa1d289","disabled":"Accordion_module_disabled__3fa1d289"};
-n(css$H,{});
+n(css$N,{});
 
 /**
  * Accordion – A simple disclosure component with an optional left and right icon.
@@ -980,10 +980,6 @@ const oppositeSideMap = {
   bottom: 'top',
   top: 'bottom'
 };
-const oppositeAlignmentMap = {
-  start: 'end',
-  end: 'start'
-};
 function clamp(start, value, end) {
   return max(start, min(value, end));
 }
@@ -1002,9 +998,9 @@ function getOppositeAxis(axis) {
 function getAxisLength(axis) {
   return axis === 'y' ? 'height' : 'width';
 }
-const yAxisSides = /*#__PURE__*/new Set(['top', 'bottom']);
 function getSideAxis(placement) {
-  return yAxisSides.has(getSide(placement)) ? 'y' : 'x';
+  const firstChar = placement[0];
+  return firstChar === 't' || firstChar === 'b' ? 'y' : 'x';
 }
 function getAlignmentAxis(placement) {
   return getOppositeAxis(getSideAxis(placement));
@@ -1027,7 +1023,7 @@ function getExpandedPlacements(placement) {
   return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
 }
 function getOppositeAlignmentPlacement(placement) {
-  return placement.replace(/start|end/g, alignment => oppositeAlignmentMap[alignment]);
+  return placement.includes('start') ? placement.replace('start', 'end') : placement.replace('end', 'start');
 }
 const lrPlacement = ['left', 'right'];
 const rlPlacement = ['right', 'left'];
@@ -1058,7 +1054,8 @@ function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
   return list;
 }
 function getOppositePlacement(placement) {
-  return placement.replace(/left|right|bottom|top/g, side => oppositeSideMap[side]);
+  const side = getSide(placement);
+  return oppositeSideMap[side] + placement.slice(side.length);
 }
 function expandPaddingObject(padding) {
   return {
@@ -1152,6 +1149,74 @@ function computeCoordsFromPlacement(_ref, placement, rtl) {
   return coords;
 }
 
+/**
+ * Resolves with an object of overflow side offsets that determine how much the
+ * element is overflowing a given clipping boundary on each side.
+ * - positive = overflowing the boundary by that number of pixels
+ * - negative = how many pixels left before it will overflow
+ * - 0 = lies flush with the boundary
+ * @see https://floating-ui.com/docs/detectOverflow
+ */
+async function detectOverflow(state, options) {
+  var _await$platform$isEle;
+  if (options === void 0) {
+    options = {};
+  }
+  const {
+    x,
+    y,
+    platform,
+    rects,
+    elements,
+    strategy
+  } = state;
+  const {
+    boundary = 'clippingAncestors',
+    rootBoundary = 'viewport',
+    elementContext = 'floating',
+    altBoundary = false,
+    padding = 0
+  } = evaluate(options, state);
+  const paddingObject = getPaddingObject(padding);
+  const altContext = elementContext === 'floating' ? 'reference' : 'floating';
+  const element = elements[altBoundary ? altContext : elementContext];
+  const clippingClientRect = rectToClientRect(await platform.getClippingRect({
+    element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || (await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating))),
+    boundary,
+    rootBoundary,
+    strategy
+  }));
+  const rect = elementContext === 'floating' ? {
+    x,
+    y,
+    width: rects.floating.width,
+    height: rects.floating.height
+  } : rects.reference;
+  const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
+  const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  };
+  const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements,
+    rect,
+    offsetParent,
+    strategy
+  }) : rect);
+  return {
+    top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
+    bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
+    left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
+    right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
+  };
+}
+
+// Maximum number of resets that can occur before bailing to avoid infinite reset loops.
+const MAX_RESET_COUNT = 50;
+
 /**
  * Computes the `x` and `y` coordinates that will place the floating element
  * next to a given reference element.
@@ -1166,7 +1231,10 @@ const computePosition$1 = async (reference, floating, config) => {
     middleware = [],
     platform
   } = config;
-  const validMiddleware = middleware.filter(Boolean);
+  const platformWithDetectOverflow = platform.detectOverflow ? platform : {
+    ...platform,
+    detectOverflow
+  };
   const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating));
   let rects = await platform.getElementRects({
     reference,
@@ -1178,13 +1246,17 @@ const computePosition$1 = async (reference, floating, config) => {
     y
   } = computeCoordsFromPlacement(rects, placement, rtl);
   let statefulPlacement = placement;
-  let middlewareData = {};
   let resetCount = 0;
-  for (let i = 0; i < validMiddleware.length; i++) {
+  const middlewareData = {};
+  for (let i = 0; i < middleware.length; i++) {
+    const currentMiddleware = middleware[i];
+    if (!currentMiddleware) {
+      continue;
+    }
     const {
       name,
       fn
-    } = validMiddleware[i];
+    } = currentMiddleware;
     const {
       x: nextX,
       y: nextY,
@@ -1198,7 +1270,7 @@ const computePosition$1 = async (reference, floating, config) => {
       strategy,
       middlewareData,
       rects,
-      platform,
+      platform: platformWithDetectOverflow,
       elements: {
         reference,
         floating
@@ -1206,14 +1278,11 @@ const computePosition$1 = async (reference, floating, config) => {
     });
     x = nextX != null ? nextX : x;
     y = nextY != null ? nextY : y;
-    middlewareData = {
-      ...middlewareData,
-      [name]: {
-        ...middlewareData[name],
-        ...data
-      }
+    middlewareData[name] = {
+      ...middlewareData[name],
+      ...data
     };
-    if (reset && resetCount <= 50) {
+    if (reset && resetCount < MAX_RESET_COUNT) {
       resetCount++;
       if (typeof reset === 'object') {
         if (reset.placement) {
@@ -1243,71 +1312,6 @@ const computePosition$1 = async (reference, floating, config) => {
   };
 };
 
-/**
- * Resolves with an object of overflow side offsets that determine how much the
- * element is overflowing a given clipping boundary on each side.
- * - positive = overflowing the boundary by that number of pixels
- * - negative = how many pixels left before it will overflow
- * - 0 = lies flush with the boundary
- * @see https://floating-ui.com/docs/detectOverflow
- */
-async function detectOverflow(state, options) {
-  var _await$platform$isEle;
-  if (options === void 0) {
-    options = {};
-  }
-  const {
-    x,
-    y,
-    platform,
-    rects,
-    elements,
-    strategy
-  } = state;
-  const {
-    boundary = 'clippingAncestors',
-    rootBoundary = 'viewport',
-    elementContext = 'floating',
-    altBoundary = false,
-    padding = 0
-  } = evaluate(options, state);
-  const paddingObject = getPaddingObject(padding);
-  const altContext = elementContext === 'floating' ? 'reference' : 'floating';
-  const element = elements[altBoundary ? altContext : elementContext];
-  const clippingClientRect = rectToClientRect(await platform.getClippingRect({
-    element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || (await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating))),
-    boundary,
-    rootBoundary,
-    strategy
-  }));
-  const rect = elementContext === 'floating' ? {
-    x,
-    y,
-    width: rects.floating.width,
-    height: rects.floating.height
-  } : rects.reference;
-  const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
-  const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
-    x: 1,
-    y: 1
-  } : {
-    x: 1,
-    y: 1
-  };
-  const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements,
-    rect,
-    offsetParent,
-    strategy
-  }) : rect);
-  return {
-    top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
-    bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
-    left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
-    right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
-  };
-}
-
 /**
  * Provides data to position an inner element of the floating element so that it
  * appears centered to the reference element.
@@ -1440,7 +1444,7 @@ const flip$1 = function (options) {
         fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
       }
       const placements = [initialPlacement, ...fallbackPlacements];
-      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const overflow = await platform.detectOverflow(state, detectOverflowOptions);
       const overflows = [];
       let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
       if (checkMainAxis) {
@@ -1624,7 +1628,8 @@ const shift$1 = function (options) {
       const {
         x,
         y,
-        placement
+        placement,
+        platform
       } = state;
       const {
         mainAxis: checkMainAxis = true,
@@ -1647,7 +1652,7 @@ const shift$1 = function (options) {
         x,
         y
       };
-      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const overflow = await platform.detectOverflow(state, detectOverflowOptions);
       const crossAxis = getSideAxis(getSide(placement));
       const mainAxis = getOppositeAxis(crossAxis);
       let mainAxisCoord = coords[mainAxis];
@@ -1711,7 +1716,7 @@ const size$1 = function (options) {
         apply = () => {},
         ...detectOverflowOptions
       } = evaluate(options, state);
-      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const overflow = await platform.detectOverflow(state, detectOverflowOptions);
       const side = getSide(placement);
       const alignment = getAlignment(placement);
       const isYAxis = getSideAxis(placement) === 'y';
@@ -1814,7 +1819,6 @@ function isShadowRoot(value) {
   }
   return value instanceof ShadowRoot || value instanceof getWindow$1(value).ShadowRoot;
 }
-const invalidOverflowDisplayValues = /*#__PURE__*/new Set(['inline', 'contents']);
 function isOverflowElement(element) {
   const {
     overflow,
@@ -1822,32 +1826,35 @@ function isOverflowElement(element) {
     overflowY,
     display
   } = getComputedStyle$1(element);
-  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !invalidOverflowDisplayValues.has(display);
+  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && display !== 'inline' && display !== 'contents';
 }
-const tableElements = /*#__PURE__*/new Set(['table', 'td', 'th']);
 function isTableElement(element) {
-  return tableElements.has(getNodeName(element));
+  return /^(table|td|th)$/.test(getNodeName(element));
 }
-const topLayerSelectors = [':popover-open', ':modal'];
 function isTopLayer(element) {
-  return topLayerSelectors.some(selector => {
-    try {
-      return element.matches(selector);
-    } catch (_e) {
-      return false;
+  try {
+    if (element.matches(':popover-open')) {
+      return true;
     }
-  });
+  } catch (_e) {
+    // no-op
+  }
+  try {
+    return element.matches(':modal');
+  } catch (_e) {
+    return false;
+  }
 }
-const transformProperties = ['transform', 'translate', 'scale', 'rotate', 'perspective'];
-const willChangeValues = ['transform', 'translate', 'scale', 'rotate', 'perspective', 'filter'];
-const containValues = ['paint', 'layout', 'strict', 'content'];
+const willChangeRe = /transform|translate|scale|rotate|perspective|filter/;
+const containRe = /paint|layout|strict|content/;
+const isNotNone = value => !!value && value !== 'none';
+let isWebKitValue;
 function isContainingBlock(elementOrCss) {
-  const webkit = isWebKit();
   const css = isElement$1(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
 
   // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
   // https://drafts.csswg.org/css-transforms-2/#individual-transforms
-  return transformProperties.some(value => css[value] ? css[value] !== 'none' : false) || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || willChangeValues.some(value => (css.willChange || '').includes(value)) || containValues.some(value => (css.contain || '').includes(value));
+  return isNotNone(css.transform) || isNotNone(css.translate) || isNotNone(css.scale) || isNotNone(css.rotate) || isNotNone(css.perspective) || !isWebKit() && (isNotNone(css.backdropFilter) || isNotNone(css.filter)) || willChangeRe.test(css.willChange || '') || containRe.test(css.contain || '');
 }
 function getContainingBlock(element) {
   let currentNode = getParentNode(element);
@@ -1862,12 +1869,13 @@ function getContainingBlock(element) {
   return null;
 }
 function isWebKit() {
-  if (typeof CSS === 'undefined' || !CSS.supports) return false;
-  return CSS.supports('-webkit-backdrop-filter', 'none');
+  if (isWebKitValue == null) {
+    isWebKitValue = typeof CSS !== 'undefined' && CSS.supports && CSS.supports('-webkit-backdrop-filter', 'none');
+  }
+  return isWebKitValue;
 }
-const lastTraversableNodeNames = /*#__PURE__*/new Set(['html', 'body', '#document']);
 function isLastTraversableNode(node) {
-  return lastTraversableNodeNames.has(getNodeName(node));
+  return /^(html|body|#document)$/.test(getNodeName(node));
 }
 function getComputedStyle$1(element) {
   return getWindow$1(element).getComputedStyle(element);
@@ -1923,8 +1931,9 @@ function getOverflowAncestors(node, list, traverseIframes) {
   if (isBody) {
     const frameElement = getFrameElement(win);
     return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
+  } else {
+    return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
   }
-  return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
 }
 function getFrameElement(win) {
   return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
@@ -2101,7 +2110,7 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
     if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
       scroll = getNodeScroll(offsetParent);
     }
-    if (isHTMLElement$1(offsetParent)) {
+    if (isOffsetParentAnElement) {
       const offsetRect = getBoundingClientRect(offsetParent);
       scale = getScale(offsetParent);
       offsets.x = offsetRect.x + offsetParent.clientLeft;
@@ -2189,7 +2198,6 @@ function getViewportRect(element, strategy) {
   };
 }
 
-const absoluteOrFixed = /*#__PURE__*/new Set(['absolute', 'fixed']);
 // Returns the inner client rect, subtracting scrollbars if present.
 function getInnerBoundingClientRect(element, strategy) {
   const clientRect = getBoundingClientRect(element, true, strategy === 'fixed');
@@ -2254,7 +2262,7 @@ function getClippingElementAncestors(element, cache) {
     if (!currentNodeIsContaining && computedStyle.position === 'fixed') {
       currentContainingBlockComputedStyle = null;
     }
-    const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && absoluteOrFixed.has(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
+    const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && (currentContainingBlockComputedStyle.position === 'absolute' || currentContainingBlockComputedStyle.position === 'fixed') || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
     if (shouldDropCurrentNode) {
       // Drop non-containing blocks.
       result = result.filter(ancestor => ancestor !== currentNode);
@@ -2279,20 +2287,23 @@ function getClippingRect(_ref) {
   } = _ref;
   const elementClippingAncestors = boundary === 'clippingAncestors' ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
   const clippingAncestors = [...elementClippingAncestors, rootBoundary];
-  const firstClippingAncestor = clippingAncestors[0];
-  const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
-    const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);
-    accRect.top = max(rect.top, accRect.top);
-    accRect.right = min(rect.right, accRect.right);
-    accRect.bottom = min(rect.bottom, accRect.bottom);
-    accRect.left = max(rect.left, accRect.left);
-    return accRect;
-  }, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));
+  const firstRect = getClientRectFromClippingAncestor(element, clippingAncestors[0], strategy);
+  let top = firstRect.top;
+  let right = firstRect.right;
+  let bottom = firstRect.bottom;
+  let left = firstRect.left;
+  for (let i = 1; i < clippingAncestors.length; i++) {
+    const rect = getClientRectFromClippingAncestor(element, clippingAncestors[i], strategy);
+    top = max(rect.top, top);
+    right = min(rect.right, right);
+    bottom = min(rect.bottom, bottom);
+    left = max(rect.left, left);
+  }
   return {
-    width: clippingRect.right - clippingRect.left,
-    height: clippingRect.bottom - clippingRect.top,
-    x: clippingRect.left,
-    y: clippingRect.top
+    width: right - left,
+    height: bottom - top,
+    x: left,
+    y: top
   };
 }
 
@@ -2543,7 +2554,7 @@ function autoUpdate(reference, floating, update, options) {
     animationFrame = false
   } = options;
   const referenceEl = unwrapElement(reference);
-  const ancestors = ancestorScroll || ancestorResize ? [...(referenceEl ? getOverflowAncestors(referenceEl) : []), ...getOverflowAncestors(floating)] : [];
+  const ancestors = ancestorScroll || ancestorResize ? [...(referenceEl ? getOverflowAncestors(referenceEl) : []), ...(floating ? getOverflowAncestors(floating) : [])] : [];
   ancestors.forEach(ancestor => {
     ancestorScroll && ancestor.addEventListener('scroll', update, {
       passive: true
@@ -2556,7 +2567,7 @@ function autoUpdate(reference, floating, update, options) {
   if (elementResize) {
     resizeObserver = new ResizeObserver(_ref => {
       let [firstEntry] = _ref;
-      if (firstEntry && firstEntry.target === referenceEl && resizeObserver) {
+      if (firstEntry && firstEntry.target === referenceEl && resizeObserver && floating) {
         // Prevent update loops when using the `size` middleware.
         // https://github.com/floating-ui/floating-ui/issues/1740
         resizeObserver.unobserve(floating);
@@ -2571,7 +2582,9 @@ function autoUpdate(reference, floating, update, options) {
     if (referenceEl && !animationFrame) {
       resizeObserver.observe(referenceEl);
     }
-    resizeObserver.observe(floating);
+    if (floating) {
+      resizeObserver.observe(floating);
+    }
   }
   let frameId;
   let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;
@@ -5388,9 +5401,9 @@ const useListNavigation = function (_ref, _temp2) {
   }, [activeId, disabledIndicesRef, listRef, enabled, orientation, rtl, virtual, open, activeIndex, nested, selectedIndex, openOnArrowKeyDown, focusItemOnHover, allowEscape, cols, loop, refs, focusItem, onNavigate, onOpenChange]);
 };
 
-var css$G = ".Popper_module_backdrop__9fc51220 {\n  position: fixed;\n  z-index: 100;\n  inset: 0;\n  background: rgba(var(--black), 0.4);\n}\n.Popper_module_backdrop__9fc51220.Popper_module_transparent__9fc51220 {\n  background: none;\n}\n.Popper_module_backdrop__9fc51220.Popper_module_hideBackdrop__9fc51220 {\n  position: static !important;\n}";
+var css$M = ".Popper_module_backdrop__9fc51220 {\n  position: fixed;\n  z-index: 100;\n  inset: 0;\n  background: rgba(var(--black), 0.4);\n}\n.Popper_module_backdrop__9fc51220.Popper_module_transparent__9fc51220 {\n  background: none;\n}\n.Popper_module_backdrop__9fc51220.Popper_module_hideBackdrop__9fc51220 {\n  position: static !important;\n}";
 var modules_fe46b225 = {"backdrop":"Popper_module_backdrop__9fc51220","transparent":"Popper_module_transparent__9fc51220","hide-backdrop":"Popper_module_hideBackdrop__9fc51220"};
-n(css$G,{});
+n(css$M,{});
 
 var FloatingOverlay = FloatingOverlay$1;
 var Popper = function Popper(_ref) {
@@ -5433,9 +5446,9 @@ var Popper = function Popper(_ref) {
   });
 };
 
-var css$F = ".Alert_module_root__2ba50dc8 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  position: fixed;\n  opacity: 1;\n  border-radius: 8px;\n  color: #0f172a;\n}\n.Alert_module_root__2ba50dc8.Alert_module_shadow__2ba50dc8 {\n  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);\n}\n.Alert_module_root__2ba50dc8.Alert_module_positionBottomCenter__2ba50dc8 {\n  left: 50%;\n  bottom: 1rem;\n  transform: translateX(-50%);\n}\n.Alert_module_root__2ba50dc8.Alert_module_positionTopRight__2ba50dc8 {\n  right: 1rem;\n  top: 1rem;\n}\n.Alert_module_root__2ba50dc8.Alert_module_positionBottomRight__2ba50dc8 {\n  right: 1rem;\n  bottom: 1rem;\n}\n.Alert_module_root__2ba50dc8.Alert_module_positionTopCenter__2ba50dc8 {\n  left: 50%;\n  top: 1rem;\n  transform: translateX(-50%);\n}\n.Alert_module_root__2ba50dc8 .Alert_module_left__2ba50dc8 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 0.75rem;\n}\n.Alert_module_root__2ba50dc8 .Alert_module_left__2ba50dc8 .Alert_module_iconContainer__2ba50dc8 {\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  flex-shrink: 0;\n  background: rgba(255, 255, 255, 0.12);\n}\n.Alert_module_root__2ba50dc8 .Alert_module_left__2ba50dc8 .Alert_module_iconContainer__2ba50dc8 .Alert_module_icon__2ba50dc8 {\n  width: 16px;\n  height: 16px;\n}\n.Alert_module_root__2ba50dc8 .Alert_module_left__2ba50dc8 .Alert_module_content__2ba50dc8 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 2px;\n}\n.Alert_module_root__2ba50dc8 .Alert_module_left__2ba50dc8 .Alert_module_content__2ba50dc8 .Alert_module_title__2ba50dc8 {\n  font-size: 1rem;\n  font-weight: 600;\n  line-height: 20px;\n}\n.Alert_module_root__2ba50dc8 .Alert_module_left__2ba50dc8 .Alert_module_content__2ba50dc8 .Alert_module_description__2ba50dc8 {\n  font-size: 0.875rem;\n  line-height: 18px;\n}\n.Alert_module_root__2ba50dc8 .Alert_module_left__2ba50dc8 .Alert_module_content__2ba50dc8 .Alert_module_time__2ba50dc8 {\n  font-size: 0.875rem;\n  margin-top: 4px;\n}\n.Alert_module_root__2ba50dc8.Alert_module_card__2ba50dc8 .Alert_module_left__2ba50dc8 {\n  align-items: flex-start;\n}\n.Alert_module_root__2ba50dc8 .Alert_module_actions__2ba50dc8 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 0.5rem;\n}\n.Alert_module_root__2ba50dc8.Alert_module_inline__2ba50dc8 {\n  height: 44px;\n  width: 640px;\n  padding: 0 1rem;\n  align-items: center;\n  border: 0.5px solid transparent;\n  border-left: 2px solid transparent;\n  background: #f8fafc;\n  border-radius: 0.5rem;\n}\n.Alert_module_root__2ba50dc8.Alert_module_inline__2ba50dc8 .Alert_module_description__2ba50dc8,\n.Alert_module_root__2ba50dc8.Alert_module_inline__2ba50dc8 .Alert_module_time__2ba50dc8 {\n  display: none;\n}\n.Alert_module_root__2ba50dc8.Alert_module_card__2ba50dc8 {\n  width: 296px;\n  padding: 0.5rem 1rem;\n  flex-direction: column;\n  gap: 0.75rem;\n  border-radius: 0.75rem;\n  border-left: 2px solid transparent;\n  background: #ffffff;\n}\n.Alert_module_root__2ba50dc8.Alert_module_success__2ba50dc8.Alert_module_inline__2ba50dc8 {\n  border-color: #22c55e;\n}\n.Alert_module_root__2ba50dc8.Alert_module_success__2ba50dc8.Alert_module_card__2ba50dc8 {\n  border-color: #22c55e;\n}\n.Alert_module_root__2ba50dc8.Alert_module_error__2ba50dc8.Alert_module_inline__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_danger__2ba50dc8.Alert_module_inline__2ba50dc8 {\n  border-color: #ef4444;\n}\n.Alert_module_root__2ba50dc8.Alert_module_error__2ba50dc8.Alert_module_card__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_danger__2ba50dc8.Alert_module_card__2ba50dc8 {\n  border-color: #ef4444;\n}\n.Alert_module_root__2ba50dc8.Alert_module_warning__2ba50dc8.Alert_module_inline__2ba50dc8 {\n  border-color: #f59e0b;\n}\n.Alert_module_root__2ba50dc8.Alert_module_warning__2ba50dc8.Alert_module_card__2ba50dc8 {\n  border-color: #f59e0b;\n}\n.Alert_module_root__2ba50dc8.Alert_module_info__2ba50dc8.Alert_module_inline__2ba50dc8 {\n  border-color: #3b82f6;\n}\n.Alert_module_root__2ba50dc8.Alert_module_info__2ba50dc8.Alert_module_card__2ba50dc8 {\n  border-color: #3b82f6;\n}\n.Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8 {\n  color: #0f172a;\n}\n.Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_success__2ba50dc8.Alert_module_inline__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_success__2ba50dc8.Alert_module_card__2ba50dc8 {\n  background: #ecfdf5;\n}\n.Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_error__2ba50dc8.Alert_module_inline__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_error__2ba50dc8.Alert_module_card__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_danger__2ba50dc8.Alert_module_inline__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_danger__2ba50dc8.Alert_module_card__2ba50dc8 {\n  background: #fef2f2;\n}\n.Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_warning__2ba50dc8.Alert_module_inline__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_warning__2ba50dc8.Alert_module_card__2ba50dc8 {\n  background: #fffbeb;\n}\n.Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_info__2ba50dc8.Alert_module_inline__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_info__2ba50dc8.Alert_module_card__2ba50dc8 {\n  background: #eff6ff;\n}\n.Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_card__2ba50dc8 {\n  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);\n}\n.Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8 .Alert_module_description__2ba50dc8,\n.Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8 .Alert_module_time__2ba50dc8 {\n  color: #475569;\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8 {\n  color: #e5e7eb;\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8.Alert_module_inline__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8.Alert_module_card__2ba50dc8 {\n  background: #0b0f14;\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8.Alert_module_card__2ba50dc8 {\n  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.6);\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8 .Alert_module_title__2ba50dc8 {\n  color: #e5e7eb;\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8 .Alert_module_description__2ba50dc8,\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8 .Alert_module_time__2ba50dc8 {\n  color: #9ca3af;\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8 .Alert_module_iconContainer__2ba50dc8 {\n  background: rgba(255, 255, 255, 0.12);\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8.Alert_module_success__2ba50dc8.Alert_module_inline__2ba50dc8 {\n  border-color: #22c55e;\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8.Alert_module_info__2ba50dc8.Alert_module_inline__2ba50dc8 {\n  border-color: #3b82f6;\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8.Alert_module_warning__2ba50dc8.Alert_module_inline__2ba50dc8 {\n  border-color: #f59e0b;\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8.Alert_module_error__2ba50dc8.Alert_module_inline__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8.Alert_module_danger__2ba50dc8.Alert_module_inline__2ba50dc8 {\n  border-color: #ef4444;\n}";
+var css$L = ".Alert_module_root__2ba50dc8 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  position: fixed;\n  opacity: 1;\n  border-radius: 8px;\n  color: #0f172a;\n}\n.Alert_module_root__2ba50dc8.Alert_module_shadow__2ba50dc8 {\n  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);\n}\n.Alert_module_root__2ba50dc8.Alert_module_positionBottomCenter__2ba50dc8 {\n  left: 50%;\n  bottom: 1rem;\n  transform: translateX(-50%);\n}\n.Alert_module_root__2ba50dc8.Alert_module_positionTopRight__2ba50dc8 {\n  right: 1rem;\n  top: 1rem;\n}\n.Alert_module_root__2ba50dc8.Alert_module_positionBottomRight__2ba50dc8 {\n  right: 1rem;\n  bottom: 1rem;\n}\n.Alert_module_root__2ba50dc8.Alert_module_positionTopCenter__2ba50dc8 {\n  left: 50%;\n  top: 1rem;\n  transform: translateX(-50%);\n}\n.Alert_module_root__2ba50dc8 .Alert_module_left__2ba50dc8 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 0.75rem;\n}\n.Alert_module_root__2ba50dc8 .Alert_module_left__2ba50dc8 .Alert_module_iconContainer__2ba50dc8 {\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  flex-shrink: 0;\n  background: rgba(255, 255, 255, 0.12);\n}\n.Alert_module_root__2ba50dc8 .Alert_module_left__2ba50dc8 .Alert_module_iconContainer__2ba50dc8 .Alert_module_icon__2ba50dc8 {\n  width: 16px;\n  height: 16px;\n}\n.Alert_module_root__2ba50dc8 .Alert_module_left__2ba50dc8 .Alert_module_content__2ba50dc8 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 2px;\n}\n.Alert_module_root__2ba50dc8 .Alert_module_left__2ba50dc8 .Alert_module_content__2ba50dc8 .Alert_module_title__2ba50dc8 {\n  font-size: 1rem;\n  font-weight: 600;\n  line-height: 20px;\n}\n.Alert_module_root__2ba50dc8 .Alert_module_left__2ba50dc8 .Alert_module_content__2ba50dc8 .Alert_module_description__2ba50dc8 {\n  font-size: 0.875rem;\n  line-height: 18px;\n}\n.Alert_module_root__2ba50dc8 .Alert_module_left__2ba50dc8 .Alert_module_content__2ba50dc8 .Alert_module_time__2ba50dc8 {\n  font-size: 0.875rem;\n  margin-top: 4px;\n}\n.Alert_module_root__2ba50dc8.Alert_module_card__2ba50dc8 .Alert_module_left__2ba50dc8 {\n  align-items: flex-start;\n}\n.Alert_module_root__2ba50dc8 .Alert_module_actions__2ba50dc8 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 0.5rem;\n}\n.Alert_module_root__2ba50dc8.Alert_module_inline__2ba50dc8 {\n  height: 44px;\n  width: 640px;\n  padding: 0 1rem;\n  align-items: center;\n  border: 0.5px solid transparent;\n  border-left: 2px solid transparent;\n  background: #f8fafc;\n  border-radius: 0.5rem;\n}\n.Alert_module_root__2ba50dc8.Alert_module_inline__2ba50dc8 .Alert_module_description__2ba50dc8,\n.Alert_module_root__2ba50dc8.Alert_module_inline__2ba50dc8 .Alert_module_time__2ba50dc8 {\n  display: none;\n}\n.Alert_module_root__2ba50dc8.Alert_module_card__2ba50dc8 {\n  width: 296px;\n  padding: 0.5rem 1rem;\n  flex-direction: column;\n  gap: 0.75rem;\n  border-radius: 0.75rem;\n  border-left: 2px solid transparent;\n  background: #ffffff;\n}\n.Alert_module_root__2ba50dc8.Alert_module_success__2ba50dc8.Alert_module_inline__2ba50dc8 {\n  border-color: #22c55e;\n}\n.Alert_module_root__2ba50dc8.Alert_module_success__2ba50dc8.Alert_module_card__2ba50dc8 {\n  border-color: #22c55e;\n}\n.Alert_module_root__2ba50dc8.Alert_module_error__2ba50dc8.Alert_module_inline__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_danger__2ba50dc8.Alert_module_inline__2ba50dc8 {\n  border-color: #ef4444;\n}\n.Alert_module_root__2ba50dc8.Alert_module_error__2ba50dc8.Alert_module_card__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_danger__2ba50dc8.Alert_module_card__2ba50dc8 {\n  border-color: #ef4444;\n}\n.Alert_module_root__2ba50dc8.Alert_module_warning__2ba50dc8.Alert_module_inline__2ba50dc8 {\n  border-color: #f59e0b;\n}\n.Alert_module_root__2ba50dc8.Alert_module_warning__2ba50dc8.Alert_module_card__2ba50dc8 {\n  border-color: #f59e0b;\n}\n.Alert_module_root__2ba50dc8.Alert_module_info__2ba50dc8.Alert_module_inline__2ba50dc8 {\n  border-color: #3b82f6;\n}\n.Alert_module_root__2ba50dc8.Alert_module_info__2ba50dc8.Alert_module_card__2ba50dc8 {\n  border-color: #3b82f6;\n}\n.Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8 {\n  color: #0f172a;\n}\n.Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_success__2ba50dc8.Alert_module_inline__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_success__2ba50dc8.Alert_module_card__2ba50dc8 {\n  background: #ecfdf5;\n}\n.Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_error__2ba50dc8.Alert_module_inline__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_error__2ba50dc8.Alert_module_card__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_danger__2ba50dc8.Alert_module_inline__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_danger__2ba50dc8.Alert_module_card__2ba50dc8 {\n  background: #fef2f2;\n}\n.Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_warning__2ba50dc8.Alert_module_inline__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_warning__2ba50dc8.Alert_module_card__2ba50dc8 {\n  background: #fffbeb;\n}\n.Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_info__2ba50dc8.Alert_module_inline__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_info__2ba50dc8.Alert_module_card__2ba50dc8 {\n  background: #eff6ff;\n}\n.Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8.Alert_module_card__2ba50dc8 {\n  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);\n}\n.Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8 .Alert_module_description__2ba50dc8,\n.Alert_module_root__2ba50dc8.Alert_module_light__2ba50dc8 .Alert_module_time__2ba50dc8 {\n  color: #475569;\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8 {\n  color: #e5e7eb;\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8.Alert_module_inline__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8.Alert_module_card__2ba50dc8 {\n  background: #0b0f14;\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8.Alert_module_card__2ba50dc8 {\n  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.6);\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8 .Alert_module_title__2ba50dc8 {\n  color: #e5e7eb;\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8 .Alert_module_description__2ba50dc8,\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8 .Alert_module_time__2ba50dc8 {\n  color: #9ca3af;\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8 .Alert_module_iconContainer__2ba50dc8 {\n  background: rgba(255, 255, 255, 0.12);\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8.Alert_module_success__2ba50dc8.Alert_module_inline__2ba50dc8 {\n  border-color: #22c55e;\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8.Alert_module_info__2ba50dc8.Alert_module_inline__2ba50dc8 {\n  border-color: #3b82f6;\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8.Alert_module_warning__2ba50dc8.Alert_module_inline__2ba50dc8 {\n  border-color: #f59e0b;\n}\n.Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8.Alert_module_error__2ba50dc8.Alert_module_inline__2ba50dc8, .Alert_module_root__2ba50dc8.Alert_module_dark__2ba50dc8.Alert_module_danger__2ba50dc8.Alert_module_inline__2ba50dc8 {\n  border-color: #ef4444;\n}";
 var modules_3a764ea3 = {"root":"Alert_module_root__2ba50dc8","shadow":"Alert_module_shadow__2ba50dc8","position-bottom-center":"Alert_module_positionBottomCenter__2ba50dc8","position-top-right":"Alert_module_positionTopRight__2ba50dc8","position-bottom-right":"Alert_module_positionBottomRight__2ba50dc8","position-top-center":"Alert_module_positionTopCenter__2ba50dc8","left":"Alert_module_left__2ba50dc8","icon-container":"Alert_module_iconContainer__2ba50dc8","icon":"Alert_module_icon__2ba50dc8","content":"Alert_module_content__2ba50dc8","title":"Alert_module_title__2ba50dc8","description":"Alert_module_description__2ba50dc8","time":"Alert_module_time__2ba50dc8","card":"Alert_module_card__2ba50dc8","actions":"Alert_module_actions__2ba50dc8","inline":"Alert_module_inline__2ba50dc8","success":"Alert_module_success__2ba50dc8","error":"Alert_module_error__2ba50dc8","danger":"Alert_module_danger__2ba50dc8","warning":"Alert_module_warning__2ba50dc8","info":"Alert_module_info__2ba50dc8","light":"Alert_module_light__2ba50dc8","dark":"Alert_module_dark__2ba50dc8"};
-n(css$F,{});
+n(css$L,{});
 
 var ALERT_DISMISS_TIME = 2000;
 var ANIMATION = {
@@ -5649,9 +5662,9 @@ var Alert = function Alert(_ref, ref) {
 };
 var Alert$1 = /*#__PURE__*/React.forwardRef(Alert);
 
-var css$E = ".BaseCell_module_root__e11a03a1 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0.5rem;\n  gap: 0.5rem;\n  flex: none;\n  height: 3rem;\n  background: var(--light-color3);\n  max-width: 100%;\n  max-height: 100%;\n}\n.BaseCell_module_root__e11a03a1 > [data-elem*=component] {\n  display: inline-block;\n  max-height: 100%;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_sm__e11a03a1 {\n  width: 9.063rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_md__e11a03a1 {\n  width: 15.625rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_lg__e11a03a1 {\n  width: 21.875rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_auto__e11a03a1 {\n  width: auto;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusDefault__e11a03a1 {\n  border-radius: 0.25rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusRound__e11a03a1 {\n  border-radius: 50%;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusEllipse__e11a03a1 {\n  border-radius: 1.563rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusNone__e11a03a1 {\n  border-radius: 0rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1 {\n  flex-grow: 1;\n  flex-shrink: 1;\n  min-width: 3rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1.BaseCell_module_sm__e11a03a1 {\n  min-width: 9.063rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1.BaseCell_module_md__e11a03a1 {\n  min-width: 15.625rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1.BaseCell_module_lg__e11a03a1 {\n  min-width: 21.875rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_centered__e11a03a1 {\n  justify-content: center;\n}";
+var css$K = ".BaseCell_module_root__e11a03a1 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0.5rem;\n  gap: 0.5rem;\n  flex: none;\n  height: 3rem;\n  background: var(--light-color3);\n  max-width: 100%;\n  max-height: 100%;\n}\n.BaseCell_module_root__e11a03a1 > [data-elem*=component] {\n  display: inline-block;\n  max-height: 100%;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_sm__e11a03a1 {\n  width: 9.063rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_md__e11a03a1 {\n  width: 15.625rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_lg__e11a03a1 {\n  width: 21.875rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_auto__e11a03a1 {\n  width: auto;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusDefault__e11a03a1 {\n  border-radius: 0.25rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusRound__e11a03a1 {\n  border-radius: 50%;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusEllipse__e11a03a1 {\n  border-radius: 1.563rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusNone__e11a03a1 {\n  border-radius: 0rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1 {\n  flex-grow: 1;\n  flex-shrink: 1;\n  min-width: 3rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1.BaseCell_module_sm__e11a03a1 {\n  min-width: 9.063rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1.BaseCell_module_md__e11a03a1 {\n  min-width: 15.625rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1.BaseCell_module_lg__e11a03a1 {\n  min-width: 21.875rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_centered__e11a03a1 {\n  justify-content: center;\n}";
 var modules_3af9b74c = {"root":"BaseCell_module_root__e11a03a1","sm":"BaseCell_module_sm__e11a03a1","md":"BaseCell_module_md__e11a03a1","lg":"BaseCell_module_lg__e11a03a1","auto":"BaseCell_module_auto__e11a03a1","border-radius-default":"BaseCell_module_borderRadiusDefault__e11a03a1","border-radius-round":"BaseCell_module_borderRadiusRound__e11a03a1","border-radius-ellipse":"BaseCell_module_borderRadiusEllipse__e11a03a1","border-radius-none":"BaseCell_module_borderRadiusNone__e11a03a1","flexible":"BaseCell_module_flexible__e11a03a1","centered":"BaseCell_module_centered__e11a03a1"};
-n(css$E,{});
+n(css$K,{});
 
 /**
  * BaseCell - A flexible container component for displaying up to three components in a structured layout
@@ -5750,65 +5763,103 @@ var IndeterminateIcon = function IndeterminateIcon() {
 
 var Error$1 = function Error(props) {
   var _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className;
-  return jsxRuntime.jsxs("svg", {
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$hexagon = props.hexagon,
+    hexagon = _props$hexagon === void 0 ? false : _props$hexagon;
+  if (hexagon) {
+    return jsxRuntime.jsxs("svg", {
+      width: '16',
+      height: '16',
+      viewBox: '0 0 16 16',
+      fill: 'none',
+      className: className,
+      xmlns: 'http://www.w3.org/2000/svg',
+      children: [jsxRuntime.jsx("g", {
+        "clip-path": 'url(#clip0_1528_9520)',
+        children: jsxRuntime.jsx("path", {
+          d: 'M5.00006 0.0500326C4.90631 0.0750332 4.72193 0.143783 4.59381 0.206283C4.36881 0.315658 4.28131 0.396908 2.34068 2.34066C0.396935 4.28128 0.315685 4.36878 0.20631 4.59378C-0.00931499 5.04378 6e-05 4.90003 6e-05 8.00003C6e-05 11.1 -0.00931499 10.9563 0.20631 11.4063C0.315685 11.6313 0.396935 11.7188 2.34068 13.6594C4.28131 15.6032 4.36881 15.6844 4.59381 15.7938C5.04381 16.0094 4.90006 16 8.00006 16C11.1001 16 10.9563 16.0094 11.4063 15.7938C11.6313 15.6844 11.7188 15.6032 13.6594 13.6594C15.6032 11.7188 15.6844 11.6313 15.7938 11.4063C16.0094 10.9563 16.0001 11.1 16.0001 8.00003C16.0001 4.90003 16.0094 5.04378 15.7938 4.59378C15.6844 4.36878 15.6032 4.28128 13.6594 2.34066C11.7188 0.396908 11.6313 0.315658 11.4063 0.206283C10.9563 -0.00934219 11.1032 3.24249e-05 7.98443 0.00315762C5.63756 0.00315762 5.14381 0.0125332 5.00006 0.0500326ZM8.65631 6.32816V8.65628H8.00006H7.34381V6.32816V4.00003H8.00006H8.65631V6.32816ZM8.46256 10.1407C8.64693 10.2407 8.77818 10.375 8.88131 10.5719C8.94068 10.6813 8.95319 10.7532 8.95319 11C8.95319 11.3407 8.90006 11.475 8.68756 11.6875C8.47506 11.9 8.34068 11.9532 8.00006 11.9532C7.75318 11.9532 7.68131 11.9407 7.57193 11.8813C7.24068 11.7063 7.06256 11.4375 7.03756 11.0813C7.02193 10.8125 7.06256 10.6469 7.19693 10.4469C7.30006 10.2907 7.53131 10.1157 7.70006 10.0625C7.75318 10.0469 7.90943 10.0375 8.04694 10.0407C8.25318 10.05 8.32506 10.0657 8.46256 10.1407Z',
+          fill: '#F04438'
+        })
+      }), jsxRuntime.jsx("defs", {
+        children: jsxRuntime.jsx("clipPath", {
+          id: 'clip0_1528_9520',
+          children: jsxRuntime.jsx("rect", {
+            width: '16',
+            height: '16',
+            fill: 'white'
+          })
+        })
+      })]
+    });
+  }
+  return jsxRuntime.jsx("svg", {
     width: '16',
     height: '16',
     viewBox: '0 0 16 16',
     fill: 'none',
     className: className,
     xmlns: 'http://www.w3.org/2000/svg',
-    children: [jsxRuntime.jsx("g", {
-      "clip-path": 'url(#clip0_107_570)',
-      children: jsxRuntime.jsx("path", {
-        d: 'M5.00006 0.0500326C4.90631 0.0750332 4.72193 0.143783 4.59381 0.206283C4.36881 0.315658 4.28131 0.396908 2.34068 2.34066C0.396935 4.28128 0.315685 4.36878 0.20631 4.59378C-0.00931499 5.04378 6e-05 4.90003 6e-05 8.00003C6e-05 11.1 -0.00931499 10.9563 0.20631 11.4063C0.315685 11.6313 0.396935 11.7188 2.34068 13.6594C4.28131 15.6032 4.36881 15.6844 4.59381 15.7938C5.04381 16.0094 4.90006 16 8.00006 16C11.1001 16 10.9563 16.0094 11.4063 15.7938C11.6313 15.6844 11.7188 15.6032 13.6594 13.6594C15.6032 11.7188 15.6844 11.6313 15.7938 11.4063C16.0094 10.9563 16.0001 11.1 16.0001 8.00003C16.0001 4.90003 16.0094 5.04378 15.7938 4.59378C15.6844 4.36878 15.6032 4.28128 13.6594 2.34066C11.7188 0.396908 11.6313 0.315658 11.4063 0.206283C10.9563 -0.00934219 11.1032 3.24249e-05 7.98443 0.00315762C5.63756 0.00315762 5.14381 0.0125332 5.00006 0.0500326ZM8.65631 6.32816V8.65628H8.00006H7.34381V6.32816V4.00003H8.00006H8.65631V6.32816ZM8.46256 10.1407C8.64693 10.2407 8.77818 10.375 8.88131 10.5719C8.94068 10.6813 8.95319 10.7532 8.95319 11C8.95319 11.3407 8.90006 11.475 8.68756 11.6875C8.47506 11.9 8.34068 11.9532 8.00006 11.9532C7.75318 11.9532 7.68131 11.9407 7.57193 11.8813C7.24068 11.7063 7.06256 11.4375 7.03756 11.0813C7.02193 10.8125 7.06256 10.6469 7.19693 10.4469C7.30006 10.2907 7.53131 10.1157 7.70006 10.0625C7.75318 10.0469 7.90943 10.0375 8.04694 10.0407C8.25318 10.05 8.32506 10.0657 8.46256 10.1407Z',
-        fill: '#D92D20'
-      })
-    }), jsxRuntime.jsx("defs", {
-      children: jsxRuntime.jsx("clipPath", {
-        id: 'clip0_107_570',
-        children: jsxRuntime.jsx("rect", {
-          width: '16',
-          height: '16',
-          fill: 'white'
-        })
-      })
-    })]
+    children: jsxRuntime.jsx("path", {
+      d: 'M8 5.33334V8.00001M8 10.6667H8.00667M14.6667 8.00001C14.6667 11.6819 11.6819 14.6667 8 14.6667C4.31811 14.6667 1.33334 11.6819 1.33334 8.00001C1.33334 4.31811 4.31811 1.33334 8 1.33334C11.6819 1.33334 14.6667 4.31811 14.6667 8.00001Z',
+      stroke: '#BD3C45',
+      strokeWidth: '1.33333',
+      strokeLinecap: 'round',
+      strokeLinejoin: 'round'
+    })
   });
 };
 
 var Warning = function Warning(props) {
   var _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className;
-  return jsxRuntime.jsxs("svg", {
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$hexagon = props.hexagon,
+    hexagon = _props$hexagon === void 0 ? false : _props$hexagon;
+  if (hexagon) {
+    return jsxRuntime.jsxs("svg", {
+      width: '16',
+      height: '16',
+      viewBox: '0 0 16 16',
+      fill: 'none',
+      className: className,
+      xmlns: 'http://www.w3.org/2000/svg',
+      children: [jsxRuntime.jsx("g", {
+        "clip-path": 'url(#clip0_1528_9539)',
+        children: jsxRuntime.jsx("path", {
+          d: 'M5.00006 0.0500326C4.90631 0.0750332 4.72193 0.143783 4.59381 0.206283C4.36881 0.315658 4.28131 0.396908 2.34068 2.34066C0.396935 4.28128 0.315685 4.36878 0.20631 4.59378C-0.00931499 5.04378 6e-05 4.90003 6e-05 8.00003C6e-05 11.1 -0.00931499 10.9563 0.20631 11.4063C0.315685 11.6313 0.396935 11.7188 2.34068 13.6594C4.28131 15.6032 4.36881 15.6844 4.59381 15.7938C5.04381 16.0094 4.90006 16 8.00006 16C11.1001 16 10.9563 16.0094 11.4063 15.7938C11.6313 15.6844 11.7188 15.6032 13.6594 13.6594C15.6032 11.7188 15.6844 11.6313 15.7938 11.4063C16.0094 10.9563 16.0001 11.1 16.0001 8.00003C16.0001 4.90003 16.0094 5.04378 15.7938 4.59378C15.6844 4.36878 15.6032 4.28128 13.6594 2.34066C11.7188 0.396908 11.6313 0.315658 11.4063 0.206283C10.9563 -0.00934219 11.1032 3.24249e-05 7.98443 0.00315762C5.63756 0.00315762 5.14381 0.0125332 5.00006 0.0500326ZM8.65631 6.32816V8.65628H8.00006H7.34381V6.32816V4.00003H8.00006H8.65631V6.32816ZM8.46256 10.1407C8.64693 10.2407 8.77818 10.375 8.88131 10.5719C8.94068 10.6813 8.95319 10.7532 8.95319 11C8.95319 11.3407 8.90006 11.475 8.68756 11.6875C8.47506 11.9 8.34068 11.9532 8.00006 11.9532C7.75318 11.9532 7.68131 11.9407 7.57193 11.8813C7.24068 11.7063 7.06256 11.4375 7.03756 11.0813C7.02193 10.8125 7.06256 10.6469 7.19693 10.4469C7.30006 10.2907 7.53131 10.1157 7.70006 10.0625C7.75318 10.0469 7.90943 10.0375 8.04694 10.0407C8.25318 10.05 8.32506 10.0657 8.46256 10.1407Z',
+          fill: '#F79009'
+        })
+      }), jsxRuntime.jsx("defs", {
+        children: jsxRuntime.jsx("clipPath", {
+          id: 'clip0_1528_9539',
+          children: jsxRuntime.jsx("rect", {
+            width: '16',
+            height: '16',
+            fill: 'white'
+          })
+        })
+      })]
+    });
+  }
+  return jsxRuntime.jsx("svg", {
     width: '16',
     height: '16',
     viewBox: '0 0 16 16',
     fill: 'none',
     className: className,
     xmlns: 'http://www.w3.org/2000/svg',
-    children: [jsxRuntime.jsx("g", {
-      "clip-path": 'url(#clip0_124_824)',
-      children: jsxRuntime.jsx("path", {
-        d: 'M5.00006 0.0500021C4.90631 0.0750027 4.72193 0.143752 4.59381 0.206252C4.36881 0.315627 4.28131 0.396877 2.34068 2.34063C0.396935 4.28125 0.315685 4.36875 0.20631 4.59375C-0.00931499 5.04375 6e-05 4.9 6e-05 8C6e-05 11.1 -0.00931499 10.9563 0.20631 11.4063C0.315685 11.6313 0.396935 11.7188 2.34068 13.6594C4.28131 15.6031 4.36881 15.6844 4.59381 15.7938C5.04381 16.0094 4.90006 16 8.00006 16C11.1001 16 10.9563 16.0094 11.4063 15.7938C11.6313 15.6844 11.7188 15.6031 13.6594 13.6594C15.6032 11.7188 15.6844 11.6313 15.7938 11.4063C16.0094 10.9563 16.0001 11.1 16.0001 8C16.0001 4.9 16.0094 5.04375 15.7938 4.59375C15.6844 4.36875 15.6032 4.28125 13.6594 2.34063C11.7188 0.396877 11.6313 0.315627 11.4063 0.206252C10.9563 -0.00937271 11.1032 1.90735e-06 7.98443 0.0031271C5.63756 0.0031271 5.14381 0.0125027 5.00006 0.0500021ZM8.65631 6.32813V8.65625H8.00006H7.34381V6.32813V4H8.00006H8.65631V6.32813ZM8.46256 10.1406C8.64693 10.2406 8.77818 10.375 8.88131 10.5719C8.94068 10.6813 8.95319 10.7531 8.95319 11C8.95319 11.3406 8.90006 11.475 8.68756 11.6875C8.47506 11.9 8.34068 11.9531 8.00006 11.9531C7.75318 11.9531 7.68131 11.9406 7.57193 11.8813C7.24068 11.7063 7.06256 11.4375 7.03756 11.0813C7.02193 10.8125 7.06256 10.6469 7.19693 10.4469C7.30006 10.2906 7.53131 10.1156 7.70006 10.0625C7.75318 10.0469 7.90943 10.0375 8.04694 10.0406C8.25318 10.05 8.32506 10.0656 8.46256 10.1406Z',
-        fill: '#F79009'
-      })
-    }), jsxRuntime.jsx("defs", {
-      children: jsxRuntime.jsx("clipPath", {
-        id: 'clip0_124_824',
-        children: jsxRuntime.jsx("rect", {
-          width: '16',
-          height: '16',
-          fill: 'white'
-        })
-      })
-    })]
+    children: jsxRuntime.jsx("path", {
+      d: 'M8 5.33334V8.00001M8 10.6667H8.00667M14.6667 8.00001C14.6667 11.6819 11.6819 14.6667 8 14.6667C4.31811 14.6667 1.33334 11.6819 1.33334 8.00001C1.33334 4.31811 4.31811 1.33334 8 1.33334C11.6819 1.33334 14.6667 4.31811 14.6667 8.00001Z',
+      stroke: '#CBA006',
+      strokeWidth: '1.33333',
+      strokeLinecap: 'round',
+      strokeLinejoin: 'round'
+    })
   });
 };
 
-var css$D = ".CheckBox_module_wrapper__efee7a6c {\n  display: inline-flex;\n  flex-direction: column;\n  gap: 8px;\n  cursor: pointer;\n  user-select: none;\n}\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_disabled__efee7a6c {\n  cursor: not-allowed;\n}\n\n.CheckBox_module_checkboxWrap__efee7a6c {\n  display: inline-flex;\n  align-items: flex-start;\n  gap: 8px;\n}\n\n.CheckBox_module_input__efee7a6c {\n  position: absolute;\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n  pointer-events: none;\n}\n\n.CheckBox_module_box__efee7a6c {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  margin-top: 2px;\n  border-radius: 4px;\n  border: 1px solid #d5d7da;\n  background: #ffffff;\n  transition: background 120ms cubic-bezier(0.2, 0, 0.38, 0.9), border-color 120ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 120ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n.CheckBox_module_box__efee7a6c svg {\n  width: 60%;\n  height: 60%;\n  color: #ffffff;\n}\n\n.CheckBox_module_sm__efee7a6c .CheckBox_module_box__efee7a6c {\n  width: 14px;\n  height: 14px;\n}\n\n.CheckBox_module_md__efee7a6c .CheckBox_module_box__efee7a6c {\n  width: 16px;\n  height: 16px;\n}\n\n.CheckBox_module_lg__efee7a6c .CheckBox_module_box__efee7a6c {\n  width: 18px;\n  height: 18px;\n}\n\n.CheckBox_module_xlg__efee7a6c .CheckBox_module_box__efee7a6c {\n  width: 20px;\n  height: 20px;\n}\n\n.CheckBox_module_sm__efee7a6c .CheckBox_module_label__efee7a6c,\n.CheckBox_module_md__efee7a6c .CheckBox_module_label__efee7a6c {\n  font-size: 14px;\n  line-height: 20px;\n}\n.CheckBox_module_sm__efee7a6c .CheckBox_module_subLabel__efee7a6c,\n.CheckBox_module_md__efee7a6c .CheckBox_module_subLabel__efee7a6c {\n  font-size: 14px;\n  line-height: 20px;\n}\n.CheckBox_module_sm__efee7a6c .CheckBox_module_message__efee7a6c,\n.CheckBox_module_md__efee7a6c .CheckBox_module_message__efee7a6c {\n  font-size: 12px;\n  line-height: 18px;\n}\n.CheckBox_module_sm__efee7a6c .CheckBox_module_message__efee7a6c svg,\n.CheckBox_module_md__efee7a6c .CheckBox_module_message__efee7a6c svg {\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n}\n\n.CheckBox_module_lg__efee7a6c .CheckBox_module_label__efee7a6c,\n.CheckBox_module_xlg__efee7a6c .CheckBox_module_label__efee7a6c {\n  font-size: 16px;\n  line-height: 24px;\n}\n.CheckBox_module_lg__efee7a6c .CheckBox_module_subLabel__efee7a6c,\n.CheckBox_module_xlg__efee7a6c .CheckBox_module_subLabel__efee7a6c {\n  font-size: 16px;\n  line-height: 24px;\n}\n.CheckBox_module_lg__efee7a6c .CheckBox_module_message__efee7a6c,\n.CheckBox_module_xlg__efee7a6c .CheckBox_module_message__efee7a6c {\n  font-size: 14px;\n  line-height: 20px;\n}\n.CheckBox_module_lg__efee7a6c .CheckBox_module_message__efee7a6c svg,\n.CheckBox_module_xlg__efee7a6c .CheckBox_module_message__efee7a6c svg {\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n}\n\n.CheckBox_module_labelWrap__efee7a6c {\n  display: flex;\n  flex-direction: column;\n}\n\n.CheckBox_module_label__efee7a6c {\n  font-family: jakarta, sans-serif;\n  font-weight: 500;\n  color: #252b37;\n}\n\n.CheckBox_module_subLabel__efee7a6c {\n  font-family: jakarta, sans-serif;\n  font-weight: 400;\n  color: #535862;\n}\n\n.CheckBox_module_message__efee7a6c {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-family: jakarta, sans-serif;\n  font-weight: 500;\n}\n\n.CheckBox_module_wrapper__efee7a6c:not(.CheckBox_module_disabled__efee7a6c):not(.CheckBox_module_readOnly__efee7a6c):not(.CheckBox_module_error__efee7a6c):not(.CheckBox_module_warning__efee7a6c):hover .CheckBox_module_box__efee7a6c {\n  border-color: #1570ef;\n  background: #ffffff;\n}\n.CheckBox_module_wrapper__efee7a6c:not(.CheckBox_module_disabled__efee7a6c):not(.CheckBox_module_readOnly__efee7a6c):not(.CheckBox_module_error__efee7a6c):not(.CheckBox_module_warning__efee7a6c) .CheckBox_module_input__efee7a6c:focus-visible ~ .CheckBox_module_box__efee7a6c {\n  border-color: #d5d7da;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #1570ef;\n}\n.CheckBox_module_wrapper__efee7a6c:not(.CheckBox_module_disabled__efee7a6c):not(.CheckBox_module_readOnly__efee7a6c):not(.CheckBox_module_error__efee7a6c):not(.CheckBox_module_warning__efee7a6c) .CheckBox_module_input__efee7a6c:checked ~ .CheckBox_module_box__efee7a6c {\n  background: #1570ef;\n  border-color: #1570ef;\n}\n.CheckBox_module_wrapper__efee7a6c:not(.CheckBox_module_disabled__efee7a6c):not(.CheckBox_module_readOnly__efee7a6c):not(.CheckBox_module_error__efee7a6c):not(.CheckBox_module_warning__efee7a6c) .CheckBox_module_input__efee7a6c:checked ~ .CheckBox_module_box__efee7a6c svg {\n  color: #ffffff;\n}\n.CheckBox_module_wrapper__efee7a6c:not(.CheckBox_module_disabled__efee7a6c):not(.CheckBox_module_readOnly__efee7a6c):not(.CheckBox_module_error__efee7a6c):not(.CheckBox_module_warning__efee7a6c):hover .CheckBox_module_input__efee7a6c:checked ~ .CheckBox_module_box__efee7a6c {\n  background: #175cd3;\n  border-color: #175cd3;\n}\n.CheckBox_module_wrapper__efee7a6c:not(.CheckBox_module_disabled__efee7a6c):not(.CheckBox_module_readOnly__efee7a6c):not(.CheckBox_module_error__efee7a6c):not(.CheckBox_module_warning__efee7a6c) .CheckBox_module_input__efee7a6c:checked:focus-visible ~ .CheckBox_module_box__efee7a6c {\n  background: #1570ef;\n  border-color: #1570ef;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #1570ef;\n}\n.CheckBox_module_wrapper__efee7a6c:not(.CheckBox_module_disabled__efee7a6c):not(.CheckBox_module_readOnly__efee7a6c):not(.CheckBox_module_error__efee7a6c):not(.CheckBox_module_warning__efee7a6c) .CheckBox_module_input__efee7a6c:indeterminate ~ .CheckBox_module_box__efee7a6c {\n  background: #1570ef;\n  border-color: #1570ef;\n}\n.CheckBox_module_wrapper__efee7a6c:not(.CheckBox_module_disabled__efee7a6c):not(.CheckBox_module_readOnly__efee7a6c):not(.CheckBox_module_error__efee7a6c):not(.CheckBox_module_warning__efee7a6c) .CheckBox_module_input__efee7a6c:indeterminate ~ .CheckBox_module_box__efee7a6c svg {\n  color: #ffffff;\n}\n.CheckBox_module_wrapper__efee7a6c:not(.CheckBox_module_disabled__efee7a6c):not(.CheckBox_module_readOnly__efee7a6c):not(.CheckBox_module_error__efee7a6c):not(.CheckBox_module_warning__efee7a6c):hover .CheckBox_module_input__efee7a6c:indeterminate ~ .CheckBox_module_box__efee7a6c {\n  background: #175cd3;\n  border-color: #175cd3;\n}\n.CheckBox_module_wrapper__efee7a6c:not(.CheckBox_module_disabled__efee7a6c):not(.CheckBox_module_readOnly__efee7a6c):not(.CheckBox_module_error__efee7a6c):not(.CheckBox_module_warning__efee7a6c) .CheckBox_module_input__efee7a6c:indeterminate:focus-visible ~ .CheckBox_module_box__efee7a6c {\n  background: #1570ef;\n  border-color: #1570ef;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #1570ef;\n}\n\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_disabled__efee7a6c .CheckBox_module_box__efee7a6c {\n  background: #f5f5f5;\n  border-color: #e9eaeb;\n}\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_disabled__efee7a6c .CheckBox_module_input__efee7a6c:checked ~ .CheckBox_module_box__efee7a6c,\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_disabled__efee7a6c .CheckBox_module_input__efee7a6c:indeterminate ~ .CheckBox_module_box__efee7a6c {\n  background: #f5f5f5;\n  border-color: #e9eaeb;\n}\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_disabled__efee7a6c .CheckBox_module_input__efee7a6c:checked ~ .CheckBox_module_box__efee7a6c svg,\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_disabled__efee7a6c .CheckBox_module_input__efee7a6c:indeterminate ~ .CheckBox_module_box__efee7a6c svg {\n  color: #a4a7ae;\n}\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_disabled__efee7a6c .CheckBox_module_label__efee7a6c,\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_disabled__efee7a6c .CheckBox_module_subLabel__efee7a6c {\n  color: #a4a7ae;\n}\n\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_readOnly__efee7a6c {\n  cursor: default;\n}\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_readOnly__efee7a6c .CheckBox_module_box__efee7a6c {\n  background: #f5f5f5;\n  border-color: #d5d7da;\n}\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_readOnly__efee7a6c .CheckBox_module_input__efee7a6c:checked ~ .CheckBox_module_box__efee7a6c,\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_readOnly__efee7a6c .CheckBox_module_input__efee7a6c:indeterminate ~ .CheckBox_module_box__efee7a6c {\n  background: #f5f5f5;\n  border-color: #d5d7da;\n}\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_readOnly__efee7a6c .CheckBox_module_input__efee7a6c:checked ~ .CheckBox_module_box__efee7a6c svg,\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_readOnly__efee7a6c .CheckBox_module_input__efee7a6c:indeterminate ~ .CheckBox_module_box__efee7a6c svg {\n  color: #414651;\n}\n\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_error__efee7a6c .CheckBox_module_box__efee7a6c {\n  border-color: #d92d20;\n  background: #ffffff;\n}\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_error__efee7a6c:hover .CheckBox_module_box__efee7a6c {\n  border-color: #d92d20;\n  background: #fef3f2;\n}\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_error__efee7a6c .CheckBox_module_input__efee7a6c:focus-visible ~ .CheckBox_module_box__efee7a6c {\n  border-color: #d5d7da;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d92d20;\n}\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_error__efee7a6c .CheckBox_module_input__efee7a6c:checked ~ .CheckBox_module_box__efee7a6c,\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_error__efee7a6c .CheckBox_module_input__efee7a6c:indeterminate ~ .CheckBox_module_box__efee7a6c {\n  background: #d92d20;\n  border-color: #d92d20;\n}\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_error__efee7a6c .CheckBox_module_input__efee7a6c:checked ~ .CheckBox_module_box__efee7a6c svg,\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_error__efee7a6c .CheckBox_module_input__efee7a6c:indeterminate ~ .CheckBox_module_box__efee7a6c svg {\n  color: #ffffff;\n}\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_error__efee7a6c:hover .CheckBox_module_input__efee7a6c:checked ~ .CheckBox_module_box__efee7a6c, .CheckBox_module_wrapper__efee7a6c.CheckBox_module_error__efee7a6c:hover .CheckBox_module_input__efee7a6c:indeterminate ~ .CheckBox_module_box__efee7a6c {\n  background: rgb(181.443373494, 37.6265060241, 26.756626506);\n  border-color: rgb(181.443373494, 37.6265060241, 26.756626506);\n}\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_error__efee7a6c .CheckBox_module_message__efee7a6c {\n  color: #d92d20;\n}\n\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_warning__efee7a6c .CheckBox_module_box__efee7a6c {\n  border-color: #d5d7da;\n  background: #ffffff;\n}\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_warning__efee7a6c:hover .CheckBox_module_box__efee7a6c {\n  border-color: #1570ef;\n  background: #eff8ff;\n}\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_warning__efee7a6c .CheckBox_module_input__efee7a6c:focus-visible ~ .CheckBox_module_box__efee7a6c {\n  border-color: #d5d7da;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #dc6803;\n}\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_warning__efee7a6c input:checked ~ .CheckBox_module_box__efee7a6c,\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_warning__efee7a6c .CheckBox_module_input__efee7a6c:indeterminate ~ .CheckBox_module_box__efee7a6c {\n  background: #1570ef;\n  border-color: #1570ef;\n}\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_warning__efee7a6c:hover .CheckBox_module_input__efee7a6c:checked ~ .CheckBox_module_box__efee7a6c, .CheckBox_module_wrapper__efee7a6c.CheckBox_module_warning__efee7a6c:hover .CheckBox_module_input__efee7a6c:indeterminate ~ .CheckBox_module_box__efee7a6c {\n  background: #175cd3;\n  border-color: #175cd3;\n}\n.CheckBox_module_wrapper__efee7a6c.CheckBox_module_warning__efee7a6c .CheckBox_module_message__efee7a6c {\n  color: #dc6803;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .CheckBox_module_box__efee7a6c {\n    transition: none !important;\n  }\n}";
-var modules_9f91d0e8 = {"wrapper":"CheckBox_module_wrapper__efee7a6c","disabled":"CheckBox_module_disabled__efee7a6c","checkboxWrap":"CheckBox_module_checkboxWrap__efee7a6c","input":"CheckBox_module_input__efee7a6c","box":"CheckBox_module_box__efee7a6c","sm":"CheckBox_module_sm__efee7a6c","md":"CheckBox_module_md__efee7a6c","lg":"CheckBox_module_lg__efee7a6c","xlg":"CheckBox_module_xlg__efee7a6c","label":"CheckBox_module_label__efee7a6c","subLabel":"CheckBox_module_subLabel__efee7a6c","message":"CheckBox_module_message__efee7a6c","labelWrap":"CheckBox_module_labelWrap__efee7a6c","readOnly":"CheckBox_module_readOnly__efee7a6c","error":"CheckBox_module_error__efee7a6c","warning":"CheckBox_module_warning__efee7a6c"};
-n(css$D,{});
+var css$J = ".CheckBox_module_wrapper__fbe47892 {\n  display: inline-flex;\n  flex-direction: column;\n  gap: 8px;\n  cursor: pointer;\n  user-select: none;\n}\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_disabled__fbe47892 {\n  cursor: not-allowed;\n}\n\n.CheckBox_module_checkboxWrap__fbe47892 {\n  display: inline-flex;\n  align-items: flex-start;\n  gap: 8px;\n}\n\n.CheckBox_module_input__fbe47892 {\n  position: absolute;\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n  pointer-events: none;\n}\n\n.CheckBox_module_box__fbe47892 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border-radius: 4px;\n  border: 1px solid #d5d7da;\n  background: #ffffff;\n  transition: background 120ms cubic-bezier(0.2, 0, 0.38, 0.9), border-color 120ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 120ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n.CheckBox_module_box__fbe47892 svg {\n  width: 60%;\n  height: 60%;\n  color: #ffffff;\n}\n\n.CheckBox_module_sm__fbe47892 .CheckBox_module_box__fbe47892 {\n  width: 14px;\n  height: 14px;\n}\n\n.CheckBox_module_md__fbe47892 .CheckBox_module_box__fbe47892 {\n  width: 16px;\n  height: 16px;\n}\n\n.CheckBox_module_lg__fbe47892 .CheckBox_module_box__fbe47892 {\n  width: 18px;\n  height: 18px;\n}\n\n.CheckBox_module_xlg__fbe47892 .CheckBox_module_box__fbe47892 {\n  width: 20px;\n  height: 20px;\n}\n\n.CheckBox_module_sm__fbe47892 .CheckBox_module_label__fbe47892,\n.CheckBox_module_md__fbe47892 .CheckBox_module_label__fbe47892 {\n  font-size: 14px;\n  line-height: 20px;\n}\n.CheckBox_module_sm__fbe47892 .CheckBox_module_subLabel__fbe47892,\n.CheckBox_module_md__fbe47892 .CheckBox_module_subLabel__fbe47892 {\n  font-size: 14px;\n  line-height: 20px;\n}\n.CheckBox_module_sm__fbe47892 .CheckBox_module_message__fbe47892,\n.CheckBox_module_md__fbe47892 .CheckBox_module_message__fbe47892 {\n  font-size: 12px;\n  line-height: 18px;\n}\n.CheckBox_module_sm__fbe47892 .CheckBox_module_message__fbe47892 svg,\n.CheckBox_module_md__fbe47892 .CheckBox_module_message__fbe47892 svg {\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n}\n\n.CheckBox_module_lg__fbe47892 .CheckBox_module_label__fbe47892,\n.CheckBox_module_xlg__fbe47892 .CheckBox_module_label__fbe47892 {\n  font-size: 16px;\n  line-height: 24px;\n}\n.CheckBox_module_lg__fbe47892 .CheckBox_module_subLabel__fbe47892,\n.CheckBox_module_xlg__fbe47892 .CheckBox_module_subLabel__fbe47892 {\n  font-size: 16px;\n  line-height: 24px;\n}\n.CheckBox_module_lg__fbe47892 .CheckBox_module_message__fbe47892,\n.CheckBox_module_xlg__fbe47892 .CheckBox_module_message__fbe47892 {\n  font-size: 14px;\n  line-height: 20px;\n}\n.CheckBox_module_lg__fbe47892 .CheckBox_module_message__fbe47892 svg,\n.CheckBox_module_xlg__fbe47892 .CheckBox_module_message__fbe47892 svg {\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n}\n\n.CheckBox_module_labelWrap__fbe47892 {\n  display: flex;\n  flex-direction: column;\n}\n\n.CheckBox_module_label__fbe47892 {\n  font-family: jakarta, sans-serif;\n  font-weight: 500;\n  color: #252b37;\n}\n\n.CheckBox_module_subLabel__fbe47892 {\n  font-family: jakarta, sans-serif;\n  font-weight: 400;\n  color: #535862;\n}\n\n.CheckBox_module_message__fbe47892 {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-family: jakarta, sans-serif;\n  font-weight: 500;\n}\n\n.CheckBox_module_wrapper__fbe47892:not(.CheckBox_module_disabled__fbe47892):not(.CheckBox_module_readOnly__fbe47892):not(.CheckBox_module_error__fbe47892):not(.CheckBox_module_warning__fbe47892):hover .CheckBox_module_box__fbe47892 {\n  border-color: #1570ef;\n  background: #ffffff;\n}\n.CheckBox_module_wrapper__fbe47892:not(.CheckBox_module_disabled__fbe47892):not(.CheckBox_module_readOnly__fbe47892):not(.CheckBox_module_error__fbe47892):not(.CheckBox_module_warning__fbe47892) .CheckBox_module_input__fbe47892:focus-visible ~ .CheckBox_module_box__fbe47892 {\n  border-color: #d5d7da;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #1570ef;\n}\n.CheckBox_module_wrapper__fbe47892:not(.CheckBox_module_disabled__fbe47892):not(.CheckBox_module_readOnly__fbe47892):not(.CheckBox_module_error__fbe47892):not(.CheckBox_module_warning__fbe47892) .CheckBox_module_input__fbe47892:checked ~ .CheckBox_module_box__fbe47892 {\n  background: #1570ef;\n  border-color: #1570ef;\n}\n.CheckBox_module_wrapper__fbe47892:not(.CheckBox_module_disabled__fbe47892):not(.CheckBox_module_readOnly__fbe47892):not(.CheckBox_module_error__fbe47892):not(.CheckBox_module_warning__fbe47892) .CheckBox_module_input__fbe47892:checked ~ .CheckBox_module_box__fbe47892 svg {\n  color: #ffffff;\n}\n.CheckBox_module_wrapper__fbe47892:not(.CheckBox_module_disabled__fbe47892):not(.CheckBox_module_readOnly__fbe47892):not(.CheckBox_module_error__fbe47892):not(.CheckBox_module_warning__fbe47892):hover .CheckBox_module_input__fbe47892:checked ~ .CheckBox_module_box__fbe47892 {\n  background: #175cd3;\n  border-color: #175cd3;\n}\n.CheckBox_module_wrapper__fbe47892:not(.CheckBox_module_disabled__fbe47892):not(.CheckBox_module_readOnly__fbe47892):not(.CheckBox_module_error__fbe47892):not(.CheckBox_module_warning__fbe47892) .CheckBox_module_input__fbe47892:checked:focus-visible ~ .CheckBox_module_box__fbe47892 {\n  background: #1570ef;\n  border-color: #1570ef;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #1570ef;\n}\n.CheckBox_module_wrapper__fbe47892:not(.CheckBox_module_disabled__fbe47892):not(.CheckBox_module_readOnly__fbe47892):not(.CheckBox_module_error__fbe47892):not(.CheckBox_module_warning__fbe47892) .CheckBox_module_input__fbe47892:indeterminate ~ .CheckBox_module_box__fbe47892 {\n  background: #1570ef;\n  border-color: #1570ef;\n}\n.CheckBox_module_wrapper__fbe47892:not(.CheckBox_module_disabled__fbe47892):not(.CheckBox_module_readOnly__fbe47892):not(.CheckBox_module_error__fbe47892):not(.CheckBox_module_warning__fbe47892) .CheckBox_module_input__fbe47892:indeterminate ~ .CheckBox_module_box__fbe47892 svg {\n  color: #ffffff;\n}\n.CheckBox_module_wrapper__fbe47892:not(.CheckBox_module_disabled__fbe47892):not(.CheckBox_module_readOnly__fbe47892):not(.CheckBox_module_error__fbe47892):not(.CheckBox_module_warning__fbe47892):hover .CheckBox_module_input__fbe47892:indeterminate ~ .CheckBox_module_box__fbe47892 {\n  background: #175cd3;\n  border-color: #175cd3;\n}\n.CheckBox_module_wrapper__fbe47892:not(.CheckBox_module_disabled__fbe47892):not(.CheckBox_module_readOnly__fbe47892):not(.CheckBox_module_error__fbe47892):not(.CheckBox_module_warning__fbe47892) .CheckBox_module_input__fbe47892:indeterminate:focus-visible ~ .CheckBox_module_box__fbe47892 {\n  background: #1570ef;\n  border-color: #1570ef;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #1570ef;\n}\n\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_disabled__fbe47892 .CheckBox_module_box__fbe47892 {\n  background: #f5f5f5;\n  border-color: #e9eaeb;\n}\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_disabled__fbe47892 .CheckBox_module_input__fbe47892:checked ~ .CheckBox_module_box__fbe47892,\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_disabled__fbe47892 .CheckBox_module_input__fbe47892:indeterminate ~ .CheckBox_module_box__fbe47892 {\n  background: #f5f5f5;\n  border-color: #e9eaeb;\n}\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_disabled__fbe47892 .CheckBox_module_input__fbe47892:checked ~ .CheckBox_module_box__fbe47892 svg,\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_disabled__fbe47892 .CheckBox_module_input__fbe47892:indeterminate ~ .CheckBox_module_box__fbe47892 svg {\n  color: #a4a7ae;\n}\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_disabled__fbe47892 .CheckBox_module_label__fbe47892,\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_disabled__fbe47892 .CheckBox_module_subLabel__fbe47892 {\n  color: #a4a7ae;\n}\n\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_readOnly__fbe47892 {\n  cursor: default;\n}\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_readOnly__fbe47892 .CheckBox_module_box__fbe47892 {\n  background: #f5f5f5;\n  border-color: #d5d7da;\n}\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_readOnly__fbe47892 .CheckBox_module_input__fbe47892:checked ~ .CheckBox_module_box__fbe47892,\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_readOnly__fbe47892 .CheckBox_module_input__fbe47892:indeterminate ~ .CheckBox_module_box__fbe47892 {\n  background: #f5f5f5;\n  border-color: #d5d7da;\n}\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_readOnly__fbe47892 .CheckBox_module_input__fbe47892:checked ~ .CheckBox_module_box__fbe47892 svg,\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_readOnly__fbe47892 .CheckBox_module_input__fbe47892:indeterminate ~ .CheckBox_module_box__fbe47892 svg {\n  color: #414651;\n}\n\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_error__fbe47892 .CheckBox_module_box__fbe47892 {\n  border-color: #d92d20;\n  background: #ffffff;\n}\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_error__fbe47892:hover .CheckBox_module_box__fbe47892 {\n  border-color: #d92d20;\n  background: #fef3f2;\n}\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_error__fbe47892 .CheckBox_module_input__fbe47892:focus-visible ~ .CheckBox_module_box__fbe47892 {\n  border-color: #d5d7da;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d92d20;\n}\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_error__fbe47892 .CheckBox_module_input__fbe47892:checked ~ .CheckBox_module_box__fbe47892,\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_error__fbe47892 .CheckBox_module_input__fbe47892:indeterminate ~ .CheckBox_module_box__fbe47892 {\n  background: #d92d20;\n  border-color: #d92d20;\n}\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_error__fbe47892 .CheckBox_module_input__fbe47892:checked ~ .CheckBox_module_box__fbe47892 svg,\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_error__fbe47892 .CheckBox_module_input__fbe47892:indeterminate ~ .CheckBox_module_box__fbe47892 svg {\n  color: #ffffff;\n}\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_error__fbe47892:hover .CheckBox_module_input__fbe47892:checked ~ .CheckBox_module_box__fbe47892, .CheckBox_module_wrapper__fbe47892.CheckBox_module_error__fbe47892:hover .CheckBox_module_input__fbe47892:indeterminate ~ .CheckBox_module_box__fbe47892 {\n  background: rgb(181.443373494, 37.6265060241, 26.756626506);\n  border-color: rgb(181.443373494, 37.6265060241, 26.756626506);\n}\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_error__fbe47892 .CheckBox_module_message__fbe47892 {\n  color: #d92d20;\n}\n\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_warning__fbe47892 .CheckBox_module_box__fbe47892 {\n  border-color: #d5d7da;\n  background: #ffffff;\n}\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_warning__fbe47892:hover .CheckBox_module_box__fbe47892 {\n  border-color: #1570ef;\n  background: #eff8ff;\n}\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_warning__fbe47892 .CheckBox_module_input__fbe47892:focus-visible ~ .CheckBox_module_box__fbe47892 {\n  border-color: #d5d7da;\n  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #dc6803;\n}\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_warning__fbe47892 input:checked ~ .CheckBox_module_box__fbe47892,\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_warning__fbe47892 .CheckBox_module_input__fbe47892:indeterminate ~ .CheckBox_module_box__fbe47892 {\n  background: #1570ef;\n  border-color: #1570ef;\n}\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_warning__fbe47892:hover .CheckBox_module_input__fbe47892:checked ~ .CheckBox_module_box__fbe47892, .CheckBox_module_wrapper__fbe47892.CheckBox_module_warning__fbe47892:hover .CheckBox_module_input__fbe47892:indeterminate ~ .CheckBox_module_box__fbe47892 {\n  background: #175cd3;\n  border-color: #175cd3;\n}\n.CheckBox_module_wrapper__fbe47892.CheckBox_module_warning__fbe47892 .CheckBox_module_message__fbe47892 {\n  color: #dc6803;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .CheckBox_module_box__fbe47892 {\n    transition: none !important;\n  }\n}";
+var modules_9f91d0e8 = {"wrapper":"CheckBox_module_wrapper__fbe47892","disabled":"CheckBox_module_disabled__fbe47892","checkboxWrap":"CheckBox_module_checkboxWrap__fbe47892","input":"CheckBox_module_input__fbe47892","box":"CheckBox_module_box__fbe47892","sm":"CheckBox_module_sm__fbe47892","md":"CheckBox_module_md__fbe47892","lg":"CheckBox_module_lg__fbe47892","xlg":"CheckBox_module_xlg__fbe47892","label":"CheckBox_module_label__fbe47892","subLabel":"CheckBox_module_subLabel__fbe47892","message":"CheckBox_module_message__fbe47892","labelWrap":"CheckBox_module_labelWrap__fbe47892","readOnly":"CheckBox_module_readOnly__fbe47892","error":"CheckBox_module_error__fbe47892","warning":"CheckBox_module_warning__fbe47892"};
+n(css$J,{});
 
 var Checkbox$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$className = props.className,
@@ -5900,9 +5951,9 @@ var Checkbox$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 Checkbox$1.displayName = 'Checkbox';
 
-var css$C = ":root {\n  --white: #ffffff;\n  --black: #141920;\n  --dark-grey: #333333;\n  --dark-grey-o-85: rgba(51, 51, 51, 0.85);\n  --grey: #737373;\n  --grey1: #888888;\n  --grey2: #a6a6a6;\n  --grey3: #bbbbbb;\n  --grey4: #c4c4c4;\n  --grey5: #dddddd;\n  --grey6: #e8e8e8;\n  --grey7: #eeeeee;\n  --grey8: #f2f2f2;\n  --grey9: #eff0f0;\n  --grey10: #f7f7f7;\n  --skeleton: #e0e1e9;\n  --highlight: #0f62fe;\n  --dark-blue: #001833;\n  --background: #d0e2ff;\n  --menu-black: #191b1f;\n  --banyan-blue: #00037c;\n  --banyan-orange: #ff892a;\n  --banyan-pink: #ff1597;\n  --banyan-gradient: linear-gradient(\n  \t84.71deg,\n  \tvar(--banyan-pink) 0.48%,\n  \tvar(--banyan-orange) 99.57%\n  );\n  --error: #ff626a;\n  --error-bg: #fff1f1;\n  --error-outline: rgba(218, 30, 40, 0.08);\n  --success: #24a148;\n  --success-bg: #defbe6;\n  --success-outline: rgba(36, 161, 72, 0.08);\n  --warning: #f1c21b;\n  --warning-bg: #fff8e1;\n  --warning-outline: rgba(203, 160, 6, 0.08);\n  --info: #0043ce;\n  --info-bg: #edf5ff;\n  --info-outline: #2864db98;\n}\n:root[data-theme=light] {\n  --primary-color1: #bd3c45;\n  --primary-color2: #487349;\n  --primary-color3: #cba006;\n  --primary-color4: #0043ce;\n  --secondary-color1: #0a15f9;\n  --secondary-color2: #0f62fe;\n  --secondary-color3: #0fa9ff;\n  --secondary-color4: #a91aa3;\n  --secondary-color5: #ef87f8;\n  --secondary-color6: #fcab0f;\n  --secondary-color7: #dce01d;\n  --background-color1: #ffebec;\n  --background-color2: #edffed;\n  --background-color3: #fff6d4;\n  --background-color4: #e6edff;\n  --background-color5: #cfdfff;\n  --mono-color1: #71839b;\n  --mono-color2: #b7cadb;\n  --mono-color3: #d8dfe5;\n  --light-color1: #efeff0;\n  --light-color2: #f7f7f8;\n  --light-color3: #ffffff;\n  --text-color: #141920;\n  --side-bar-icon1: #97979f;\n  --side-bar-icon2: #d5d5db;\n}\n:root[data-theme=dark] {\n  --primary-color1: #b33030;\n  --primary-color2: #4e9f3d;\n  --primary-color3: #ebb700;\n  --primary-color4: #0053ff;\n  --secondary-color1: #2e37ff;\n  --secondary-color2: #2d76ff;\n  --secondary-color3: #39b8ff;\n  --secondary-color4: #dc00d3;\n  --secondary-color5: #f8a4ff;\n  --secondary-color6: #ffbf45;\n  --secondary-color7: #fbff42;\n  --background-color1: #e5d3d4;\n  --background-color2: #d6e5d6;\n  --background-color3: #e5ddbe;\n  --background-color4: #cfd6e5;\n  --background-color5: #bac9e5;\n  --mono-color1: #4c5869;\n  --mono-color2: #8d9ba8;\n  --mono-color3: #a8adb2;\n  --light-color1: #1b1b1c;\n  --light-color2: #151517;\n  --light-color3: #141920;\n  --text-color: #fafafa;\n  --side-bar-icon1: #96969e;\n  --side-bar-icon2: #bcbcc2;\n}";
+var css$I = ":root {\n  --white: #ffffff;\n  --black: #141920;\n  --dark-grey: #333333;\n  --dark-grey-o-85: rgba(51, 51, 51, 0.85);\n  --grey: #737373;\n  --grey1: #888888;\n  --grey2: #a6a6a6;\n  --grey3: #bbbbbb;\n  --grey4: #c4c4c4;\n  --grey5: #dddddd;\n  --grey6: #e8e8e8;\n  --grey7: #eeeeee;\n  --grey8: #f2f2f2;\n  --grey9: #eff0f0;\n  --grey10: #f7f7f7;\n  --skeleton: #e0e1e9;\n  --highlight: #0f62fe;\n  --dark-blue: #001833;\n  --background: #d0e2ff;\n  --menu-black: #191b1f;\n  --banyan-blue: #00037c;\n  --banyan-orange: #ff892a;\n  --banyan-pink: #ff1597;\n  --banyan-gradient: linear-gradient(\n  \t84.71deg,\n  \tvar(--banyan-pink) 0.48%,\n  \tvar(--banyan-orange) 99.57%\n  );\n  --error: #ff626a;\n  --error-bg: #fff1f1;\n  --error-outline: rgba(218, 30, 40, 0.08);\n  --success: #24a148;\n  --success-bg: #defbe6;\n  --success-outline: rgba(36, 161, 72, 0.08);\n  --warning: #f1c21b;\n  --warning-bg: #fff8e1;\n  --warning-outline: rgba(203, 160, 6, 0.08);\n  --info: #0043ce;\n  --info-bg: #edf5ff;\n  --info-outline: #2864db98;\n}\n:root[data-theme=light] {\n  --primary-color1: #bd3c45;\n  --primary-color2: #487349;\n  --primary-color3: #cba006;\n  --primary-color4: #0043ce;\n  --secondary-color1: #0a15f9;\n  --secondary-color2: #0f62fe;\n  --secondary-color3: #0fa9ff;\n  --secondary-color4: #a91aa3;\n  --secondary-color5: #ef87f8;\n  --secondary-color6: #fcab0f;\n  --secondary-color7: #dce01d;\n  --background-color1: #ffebec;\n  --background-color2: #edffed;\n  --background-color3: #fff6d4;\n  --background-color4: #e6edff;\n  --background-color5: #cfdfff;\n  --mono-color1: #71839b;\n  --mono-color2: #b7cadb;\n  --mono-color3: #d8dfe5;\n  --light-color1: #efeff0;\n  --light-color2: #f7f7f8;\n  --light-color3: #ffffff;\n  --text-color: #141920;\n  --side-bar-icon1: #97979f;\n  --side-bar-icon2: #d5d5db;\n}\n:root[data-theme=dark] {\n  --primary-color1: #b33030;\n  --primary-color2: #4e9f3d;\n  --primary-color3: #ebb700;\n  --primary-color4: #0053ff;\n  --secondary-color1: #2e37ff;\n  --secondary-color2: #2d76ff;\n  --secondary-color3: #39b8ff;\n  --secondary-color4: #dc00d3;\n  --secondary-color5: #f8a4ff;\n  --secondary-color6: #ffbf45;\n  --secondary-color7: #fbff42;\n  --background-color1: #e5d3d4;\n  --background-color2: #d6e5d6;\n  --background-color3: #e5ddbe;\n  --background-color4: #cfd6e5;\n  --background-color5: #bac9e5;\n  --mono-color1: #4c5869;\n  --mono-color2: #8d9ba8;\n  --mono-color3: #a8adb2;\n  --light-color1: #1b1b1c;\n  --light-color2: #151517;\n  --light-color3: #141920;\n  --text-color: #fafafa;\n  --side-bar-icon1: #96969e;\n  --side-bar-icon2: #bcbcc2;\n}";
 var modules_1722b0e5 = {"white":"--white","black":"--black","menu-black":"--menu-black","dark-grey":"--dark-grey","dark-grey-o-85":"--dark-grey-o-85","grey":"--grey","grey1":"--grey1","grey2":"--grey2","grey3":"--grey3","grey4":"--grey4","grey5":"--grey5","grey6":"--grey6","grey7":"--grey7","grey8":"--grey8","grey9":"--grey9","grey10":"--grey10","highlight":"--highlight","dark-blue":"--dark-blue","background":"--background","banyan-blue":"--banyan-blue","banyan-orange":"--banyan-orange","banyan-pink":"--banyan-pink","banyan-gradient":"--banyan-gradient","error":"--error","error-bg":"--error-bg","error-outline":"--error-outline","success":"--success","success-bg":"--success-bg","success-outline":"--success-outline","warning":"--warning","warning-bg":"--warning-bg","warning-outline":"--warning-outline","info":"--info","info-bg":"--info-bg","info-outline":"--info-outline","theme-light-primary-color1":"#bd3c45","theme-light-primary-color2":"#487349","theme-light-primary-color3":"#cba006","theme-light-primary-color4":"#0043ce","theme-light-secondary-color1":"#0a15f9","theme-light-secondary-color2":"#0f62fe","theme-light-secondary-color3":"#0fa9ff","theme-light-secondary-color4":"#a91aa3","theme-light-secondary-color5":"#ef87f8","theme-light-secondary-color6":"#fcab0f","theme-light-secondary-color7":"#dce01d","theme-light-background-color1":"#ffebec","theme-light-background-color2":"#edffed","theme-light-background-color3":"#fff6d4","theme-light-background-color4":"#e6edff","theme-light-background-color5":"#cfdfff","theme-light-mono-color1":"#71839b","theme-light-mono-color2":"#b7cadb","theme-light-mono-color3":"#d8dfe5","theme-light-light-color1":"#efeff0","theme-light-light-color2":"#f7f7f8","theme-light-light-color3":"#ffffff","theme-light-side-bar-icon1":"#97979f","theme-light-side-bar-icon2":"#d5d5db","theme-light-text-color":"#141920","theme-dark-primary-color1":"#b33030","theme-dark-primary-color2":"#4e9f3d","theme-dark-primary-color3":"#ebb700","theme-dark-primary-color4":"#0053ff","theme-dark-secondary-color1":"#2e37ff","theme-dark-secondary-color2":"#2d76ff","theme-dark-secondary-color3":"#39b8ff","theme-dark-secondary-color4":"#dc00d3","theme-dark-secondary-color5":"#f8a4ff","theme-dark-secondary-color6":"#ffbf45","theme-dark-secondary-color7":"#fbff42","theme-dark-background-color1":"#e5d3d4","theme-dark-background-color2":"#d6e5d6","theme-dark-background-color3":"#e5ddbe","theme-dark-background-color4":"#cfd6e5","theme-dark-background-color5":"#bac9e5","theme-dark-mono-color1":"#4c5869","theme-dark-mono-color2":"#8d9ba8","theme-dark-mono-color3":"#a8adb2","theme-dark-light-color1":"#000000","theme-dark-light-color2":"#151517","theme-dark-light-color3":"#1b1b1c","theme-dark-side-bar-icon1":"#96969e","theme-dark-side-bar-icon2":"#bcbcc2","theme-dark-text-color":"#fafafa"};
-n(css$C,{});
+n(css$I,{});
 
 var COLORS = Object.keys(modules_1722b0e5).reduce(function (acc, curr) {
   if (curr.includes('theme')) {
@@ -5914,9 +5965,9 @@ var COLORS = Object.keys(modules_1722b0e5).reduce(function (acc, curr) {
   return acc;
 }, {});
 
-var css$B = "button.BaseButton_module_root__b27f9450[data-elem=base-cell] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\nbutton.BaseButton_module_root__b27f9450[data-elem=base-cell]:focus {\n  outline: 1px solid var(--primary-color4);\n}\nbutton.BaseButton_module_root__b27f9450[data-elem=base-cell] {\n  display: inline-flex;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  border: none;\n  background: none;\n  padding: 0.5rem 0.75rem;\n}\nbutton.BaseButton_module_root__b27f9450[data-elem=base-cell]:active {\n  outline: none;\n}\nbutton.BaseButton_module_root__b27f9450[data-elem=base-cell]:disabled {\n  cursor: not-allowed;\n}\nbutton.BaseButton_module_root__b27f9450[data-elem=base-cell].BaseButton_module_contained__b27f9450 {\n  background: var(--text-color);\n  color: var(--light-color3);\n}\nbutton.BaseButton_module_root__b27f9450[data-elem=base-cell].BaseButton_module_outlined__b27f9450 {\n  color: var(--text-color);\n  border: 1px solid var(--text-color);\n}\nbutton.BaseButton_module_root__b27f9450[data-elem=base-cell].BaseButton_module_text__b27f9450 {\n  color: var(--text-color);\n}\nbutton.BaseButton_module_root__b27f9450[data-elem=base-cell] [data-elem*=component] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\nbutton.BaseButton_module_root__b27f9450[data-elem=base-cell] [data-elem=component2] {\n  min-width: 0;\n}\nbutton.BaseButton_module_root__b27f9450[data-elem=base-cell] [data-elem=title] {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}";
+var css$H = "button.BaseButton_module_root__b27f9450[data-elem=base-cell] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\nbutton.BaseButton_module_root__b27f9450[data-elem=base-cell]:focus {\n  outline: 1px solid var(--primary-color4);\n}\nbutton.BaseButton_module_root__b27f9450[data-elem=base-cell] {\n  display: inline-flex;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  border: none;\n  background: none;\n  padding: 0.5rem 0.75rem;\n}\nbutton.BaseButton_module_root__b27f9450[data-elem=base-cell]:active {\n  outline: none;\n}\nbutton.BaseButton_module_root__b27f9450[data-elem=base-cell]:disabled {\n  cursor: not-allowed;\n}\nbutton.BaseButton_module_root__b27f9450[data-elem=base-cell].BaseButton_module_contained__b27f9450 {\n  background: var(--text-color);\n  color: var(--light-color3);\n}\nbutton.BaseButton_module_root__b27f9450[data-elem=base-cell].BaseButton_module_outlined__b27f9450 {\n  color: var(--text-color);\n  border: 1px solid var(--text-color);\n}\nbutton.BaseButton_module_root__b27f9450[data-elem=base-cell].BaseButton_module_text__b27f9450 {\n  color: var(--text-color);\n}\nbutton.BaseButton_module_root__b27f9450[data-elem=base-cell] [data-elem*=component] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\nbutton.BaseButton_module_root__b27f9450[data-elem=base-cell] [data-elem=component2] {\n  min-width: 0;\n}\nbutton.BaseButton_module_root__b27f9450[data-elem=base-cell] [data-elem=title] {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}";
 var modules_ab72627b = {"root":"BaseButton_module_root__b27f9450","contained":"BaseButton_module_contained__b27f9450","outlined":"BaseButton_module_outlined__b27f9450","text":"BaseButton_module_text__b27f9450"};
-n(css$B,{});
+n(css$H,{});
 
 var BaseButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$className = props.className,
@@ -5969,9 +6020,9 @@ var BaseButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
 });
 
-var css$A = ".Button_module_root__cb319292[data-elem=base-cell] {\n  cursor: pointer;\n}\n.Button_module_root__cb319292[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n  font-weight: 500;\n  font-size: 0.875rem;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_contained__cb319292 {\n  background-color: var(--secondary-color2);\n  color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_contained__cb319292:hover {\n  opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_text__cb319292 {\n  color: var(--secondary-color2);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_outlined__cb319292 {\n  background-color: transparent;\n  border-color: var(--secondary-color2);\n  color: var(--secondary-color2);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_outlined__cb319292:hover {\n  background-color: var(--secondary-color2);\n  color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_outlined__cb319292:hover:hover {\n  opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_contained__cb319292 {\n  background-color: var(--primary-color2);\n  color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_contained__cb319292:hover {\n  opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_outlined__cb319292 {\n  background-color: transparent;\n  border-color: var(--primary-color2);\n  color: var(--primary-color2);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_outlined__cb319292:hover {\n  background-color: var(--primary-color2);\n  color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_outlined__cb319292:hover:hover {\n  opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_text__cb319292 {\n  color: var(--primary-color2);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_contained__cb319292 {\n  background-color: var(--primary-color1);\n  color: var(--light-color3);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_contained__cb319292:hover {\n  opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_outlined__cb319292 {\n  background-color: transparent;\n  border-color: var(--primary-color1);\n  color: var(--primary-color1);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_outlined__cb319292:hover {\n  background-color: var(--primary-color1);\n  color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_outlined__cb319292:hover:hover {\n  opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_text__cb319292 {\n  color: var(--primary-color1);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_contained__cb319292 {\n  background-color: var(--primary-color3);\n  color: var(--light-color3);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_contained__cb319292:hover {\n  opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_outlined__cb319292 {\n  background-color: transparent;\n  border-color: var(--primary-color3);\n  color: var(--primary-color3);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_outlined__cb319292:hover {\n  background-color: var(--primary-color3);\n  color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_outlined__cb319292:hover:hover {\n  opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_text__cb319292 {\n  color: var(--primary-color3);\n}\n.Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_primary__cb319292.Button_module_contained__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_success__cb319292.Button_module_contained__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_danger__cb319292.Button_module_contained__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_warning__cb319292.Button_module_contained__cb319292 {\n  background-color: var(--mono-color3);\n  color: var(--mono-color1);\n}\n.Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_primary__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_success__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_danger__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_warning__cb319292.Button_module_outlined__cb319292 {\n  background-color: transparent;\n  border-color: var(--grey);\n}\n.Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_primary__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_primary__cb319292.Button_module_text__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_success__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_success__cb319292.Button_module_text__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_danger__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_danger__cb319292.Button_module_text__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_warning__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_warning__cb319292.Button_module_text__cb319292 {\n  color: var(--grey);\n}";
+var css$G = ".Button_module_root__cb319292[data-elem=base-cell] {\n  cursor: pointer;\n}\n.Button_module_root__cb319292[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n  font-weight: 500;\n  font-size: 0.875rem;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_contained__cb319292 {\n  background-color: var(--secondary-color2);\n  color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_contained__cb319292:hover {\n  opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_text__cb319292 {\n  color: var(--secondary-color2);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_outlined__cb319292 {\n  background-color: transparent;\n  border-color: var(--secondary-color2);\n  color: var(--secondary-color2);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_outlined__cb319292:hover {\n  background-color: var(--secondary-color2);\n  color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_outlined__cb319292:hover:hover {\n  opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_contained__cb319292 {\n  background-color: var(--primary-color2);\n  color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_contained__cb319292:hover {\n  opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_outlined__cb319292 {\n  background-color: transparent;\n  border-color: var(--primary-color2);\n  color: var(--primary-color2);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_outlined__cb319292:hover {\n  background-color: var(--primary-color2);\n  color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_outlined__cb319292:hover:hover {\n  opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_text__cb319292 {\n  color: var(--primary-color2);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_contained__cb319292 {\n  background-color: var(--primary-color1);\n  color: var(--light-color3);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_contained__cb319292:hover {\n  opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_outlined__cb319292 {\n  background-color: transparent;\n  border-color: var(--primary-color1);\n  color: var(--primary-color1);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_outlined__cb319292:hover {\n  background-color: var(--primary-color1);\n  color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_outlined__cb319292:hover:hover {\n  opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_text__cb319292 {\n  color: var(--primary-color1);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_contained__cb319292 {\n  background-color: var(--primary-color3);\n  color: var(--light-color3);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_contained__cb319292:hover {\n  opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_outlined__cb319292 {\n  background-color: transparent;\n  border-color: var(--primary-color3);\n  color: var(--primary-color3);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_outlined__cb319292:hover {\n  background-color: var(--primary-color3);\n  color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_outlined__cb319292:hover:hover {\n  opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_text__cb319292 {\n  color: var(--primary-color3);\n}\n.Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_primary__cb319292.Button_module_contained__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_success__cb319292.Button_module_contained__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_danger__cb319292.Button_module_contained__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_warning__cb319292.Button_module_contained__cb319292 {\n  background-color: var(--mono-color3);\n  color: var(--mono-color1);\n}\n.Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_primary__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_success__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_danger__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_warning__cb319292.Button_module_outlined__cb319292 {\n  background-color: transparent;\n  border-color: var(--grey);\n}\n.Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_primary__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_primary__cb319292.Button_module_text__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_success__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_success__cb319292.Button_module_text__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_danger__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_danger__cb319292.Button_module_text__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_warning__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_warning__cb319292.Button_module_text__cb319292 {\n  color: var(--grey);\n}";
 var modules_b0070f27 = {"root":"Button_module_root__cb319292","primary":"Button_module_primary__cb319292","contained":"Button_module_contained__cb319292","text":"Button_module_text__cb319292","outlined":"Button_module_outlined__cb319292","success":"Button_module_success__cb319292","danger":"Button_module_danger__cb319292","warning":"Button_module_warning__cb319292"};
-n(css$A,{});
+n(css$G,{});
 
 var Button = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$className = props.className,
@@ -6015,12 +6066,12 @@ var Button = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
 });
 
-var css$z = ".Chip_module_root__9718bcd4[data-elem=base-cell] {\n  position: relative;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n  font-weight: 500;\n  font-size: 0.875rem;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_sm__9718bcd4 {\n  height: 2rem;\n  padding: 0.188rem 0.5rem;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_md__9718bcd4 {\n  height: 2.25rem;\n  padding: 0.563rem 1rem;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4.Chip_module_success__9718bcd4 {\n  background-color: var(--success-bg);\n  color: var(--success);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4.Chip_module_info__9718bcd4 {\n  background-color: var(--info-bg);\n  color: var(--primary-color4);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4.Chip_module_danger__9718bcd4 {\n  background-color: var(--error-bg);\n  color: var(--primary-color1);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4.Chip_module_warning__9718bcd4 {\n  background-color: var(--warning-bg);\n  color: var(--warning);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4.Chip_module_default__9718bcd4 {\n  background-color: var(--grey5);\n  color: var(--grey);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4:hover {\n  box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4 {\n  border-width: 1px;\n  border-style: solid;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_success__9718bcd4 {\n  background-color: var(--success-bg);\n  color: var(--success);\n  border-color: var(--success-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_success__9718bcd4:hover {\n  background-color: var(--success-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_info__9718bcd4 {\n  background-color: var(--info-bg);\n  color: var(--primary-color4);\n  border-color: var(--info-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_info__9718bcd4:hover {\n  background-color: var(--info-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_danger__9718bcd4 {\n  background-color: var(--error-bg);\n  color: var(--primary-color1);\n  border-color: var(--error-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_danger__9718bcd4:hover {\n  background-color: var(--error-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_warning__9718bcd4 {\n  background-color: var(--warning-bg);\n  color: var(--warning);\n  border-color: var(--warning-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_warning__9718bcd4:hover {\n  background-color: var(--warning-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_default__9718bcd4 {\n  background-color: var(--grey8);\n  color: var(--grey);\n  border-color: var(--grey6);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_default__9718bcd4:hover {\n  background-color: var(--grey6);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_status__9718bcd4, .Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_input__9718bcd4 {\n  filter: grayscale(1);\n  border-color: var(--grey4);\n  background-color: var(--grey5);\n  color: var(--grey2);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_status__9718bcd4 [data-elem=component1],\n.Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_status__9718bcd4 [data-elem=component3], .Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_input__9718bcd4 [data-elem=component1],\n.Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_input__9718bcd4 [data-elem=component3] {\n  opacity: 0.5;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_status__9718bcd4:hover, .Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_input__9718bcd4:hover {\n  box-shadow: none;\n  background-color: var(--grey5);\n}";
-n(css$z,{});
+var css$F = ".Chip_module_root__9718bcd4[data-elem=base-cell] {\n  position: relative;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n  font-weight: 500;\n  font-size: 0.875rem;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_sm__9718bcd4 {\n  height: 2rem;\n  padding: 0.188rem 0.5rem;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_md__9718bcd4 {\n  height: 2.25rem;\n  padding: 0.563rem 1rem;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4.Chip_module_success__9718bcd4 {\n  background-color: var(--success-bg);\n  color: var(--success);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4.Chip_module_info__9718bcd4 {\n  background-color: var(--info-bg);\n  color: var(--primary-color4);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4.Chip_module_danger__9718bcd4 {\n  background-color: var(--error-bg);\n  color: var(--primary-color1);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4.Chip_module_warning__9718bcd4 {\n  background-color: var(--warning-bg);\n  color: var(--warning);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4.Chip_module_default__9718bcd4 {\n  background-color: var(--grey5);\n  color: var(--grey);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4:hover {\n  box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4 {\n  border-width: 1px;\n  border-style: solid;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_success__9718bcd4 {\n  background-color: var(--success-bg);\n  color: var(--success);\n  border-color: var(--success-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_success__9718bcd4:hover {\n  background-color: var(--success-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_info__9718bcd4 {\n  background-color: var(--info-bg);\n  color: var(--primary-color4);\n  border-color: var(--info-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_info__9718bcd4:hover {\n  background-color: var(--info-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_danger__9718bcd4 {\n  background-color: var(--error-bg);\n  color: var(--primary-color1);\n  border-color: var(--error-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_danger__9718bcd4:hover {\n  background-color: var(--error-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_warning__9718bcd4 {\n  background-color: var(--warning-bg);\n  color: var(--warning);\n  border-color: var(--warning-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_warning__9718bcd4:hover {\n  background-color: var(--warning-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_default__9718bcd4 {\n  background-color: var(--grey8);\n  color: var(--grey);\n  border-color: var(--grey6);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_default__9718bcd4:hover {\n  background-color: var(--grey6);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_status__9718bcd4, .Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_input__9718bcd4 {\n  filter: grayscale(1);\n  border-color: var(--grey4);\n  background-color: var(--grey5);\n  color: var(--grey2);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_status__9718bcd4 [data-elem=component1],\n.Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_status__9718bcd4 [data-elem=component3], .Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_input__9718bcd4 [data-elem=component1],\n.Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_input__9718bcd4 [data-elem=component3] {\n  opacity: 0.5;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_status__9718bcd4:hover, .Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_input__9718bcd4:hover {\n  box-shadow: none;\n  background-color: var(--grey5);\n}";
+n(css$F,{});
 
-var css$y = ".Toggle_module_root__7230d352 {\n  width: -moz-fit-content;\n  width: fit-content;\n  border: 0px !important;\n  font-weight: 500;\n  padding: 0.3125rem;\n  background: transparent !important;\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  position: relative;\n  gap: 0.3375rem;\n  height: 100%;\n  background: var(--light-color2);\n  border-radius: 0.25rem;\n  padding: 0.2188rem 0.1875rem;\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352 {\n  position: relative;\n  z-index: 2;\n  background: transparent;\n  min-width: 5rem;\n  width: auto;\n  height: auto;\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352 > [data-elem=component2] > [data-elem=title] {\n  color: var(--black);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352 {\n  opacity: 1;\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352 > [data-elem=component2] > [data-elem=title] {\n  color: var(--mono-color1);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_secondary__7230d352:hover {\n  opacity: 1;\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_secondary__7230d352 > [data-elem=component2] > [data-elem=title] {\n  color: var(--secondary-color2);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_active__7230d352 {\n  opacity: 1;\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_active__7230d352.Toggle_module_highlight__7230d352 {\n  background-color: var(--mono-color1);\n  border-radius: 0.25rem;\n  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_active__7230d352.Toggle_module_highlight__7230d352.Toggle_module_secondary__7230d352 {\n  opacity: 1;\n  border-radius: 0.25rem;\n  background-color: var(--light-color3);\n  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_active__7230d352 > [data-elem=component2] > [data-elem=title] {\n  color: var(--white);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_active__7230d352.Toggle_module_secondary__7230d352 {\n  opacity: 1;\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_active__7230d352.Toggle_module_secondary__7230d352 > [data-elem=component2] > [data-elem=title] {\n  color: var(--secondary-color2);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_disabled__7230d352 {\n  cursor: not-allowed;\n  opacity: 0.5;\n  background-color: transparent;\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_disabled__7230d352 > [data-elem=component2] > [data-elem=title] {\n  color: var(--side-bar-icon2);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_allSelect__7230d352 {\n  background-color: var(--mono-color1);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_allSelect__7230d352 > [data-elem=component2] > [data-elem=title] {\n  color: var(--white);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_allSelect__7230d352.Toggle_module_secondary__7230d352 {\n  background-color: var(--light-color1);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_allSelect__7230d352.Toggle_module_secondary__7230d352 > [data-elem=component2] > [data-elem=title] {\n  color: var(--secondary-color2);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 .Toggle_module_slider__7230d352 {\n  position: absolute;\n  bottom: 0.1875rem;\n  left: 0;\n  height: 85%;\n  font-weight: 500;\n  background: var(--mono-color1);\n  border-radius: 0.25rem;\n  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 .Toggle_module_slider__7230d352.Toggle_module_secondary__7230d352 {\n  border-radius: 0.25rem;\n  background-color: var(--light-color3);\n  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.251);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 .Toggle_module_slider__7230d352.Toggle_module_smooth__7230d352 {\n  transition: left 0.2s ease-in-out, width 0.2s ease-in-out;\n}\n.Toggle_module_root__7230d352 {\n  background: var(--mono-color3);\n  border: 1px solid var(--mono-color2);\n}";
+var css$E = ".Toggle_module_root__7230d352 {\n  width: -moz-fit-content;\n  width: fit-content;\n  border: 0px !important;\n  font-weight: 500;\n  padding: 0.3125rem;\n  background: transparent !important;\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  position: relative;\n  gap: 0.3375rem;\n  height: 100%;\n  background: var(--light-color2);\n  border-radius: 0.25rem;\n  padding: 0.2188rem 0.1875rem;\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352 {\n  position: relative;\n  z-index: 2;\n  background: transparent;\n  min-width: 5rem;\n  width: auto;\n  height: auto;\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352 > [data-elem=component2] > [data-elem=title] {\n  color: var(--black);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352 {\n  opacity: 1;\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352 > [data-elem=component2] > [data-elem=title] {\n  color: var(--mono-color1);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_secondary__7230d352:hover {\n  opacity: 1;\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_secondary__7230d352 > [data-elem=component2] > [data-elem=title] {\n  color: var(--secondary-color2);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_active__7230d352 {\n  opacity: 1;\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_active__7230d352.Toggle_module_highlight__7230d352 {\n  background-color: var(--mono-color1);\n  border-radius: 0.25rem;\n  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_active__7230d352.Toggle_module_highlight__7230d352.Toggle_module_secondary__7230d352 {\n  opacity: 1;\n  border-radius: 0.25rem;\n  background-color: var(--light-color3);\n  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_active__7230d352 > [data-elem=component2] > [data-elem=title] {\n  color: var(--white);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_active__7230d352.Toggle_module_secondary__7230d352 {\n  opacity: 1;\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_active__7230d352.Toggle_module_secondary__7230d352 > [data-elem=component2] > [data-elem=title] {\n  color: var(--secondary-color2);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_disabled__7230d352 {\n  cursor: not-allowed;\n  opacity: 0.5;\n  background-color: transparent;\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_disabled__7230d352 > [data-elem=component2] > [data-elem=title] {\n  color: var(--side-bar-icon2);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_allSelect__7230d352 {\n  background-color: var(--mono-color1);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_allSelect__7230d352 > [data-elem=component2] > [data-elem=title] {\n  color: var(--white);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_allSelect__7230d352.Toggle_module_secondary__7230d352 {\n  background-color: var(--light-color1);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 > button[data-elem=base-cell].Toggle_module_toggleButton__7230d352.Toggle_module_allSelect__7230d352.Toggle_module_secondary__7230d352 > [data-elem=component2] > [data-elem=title] {\n  color: var(--secondary-color2);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 .Toggle_module_slider__7230d352 {\n  position: absolute;\n  bottom: 0.1875rem;\n  left: 0;\n  height: 85%;\n  font-weight: 500;\n  background: var(--mono-color1);\n  border-radius: 0.25rem;\n  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 .Toggle_module_slider__7230d352.Toggle_module_secondary__7230d352 {\n  border-radius: 0.25rem;\n  background-color: var(--light-color3);\n  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.251);\n}\n.Toggle_module_root__7230d352 .Toggle_module_toggle__7230d352 .Toggle_module_slider__7230d352.Toggle_module_smooth__7230d352 {\n  transition: left 0.2s ease-in-out, width 0.2s ease-in-out;\n}\n.Toggle_module_root__7230d352 {\n  background: var(--mono-color3);\n  border: 1px solid var(--mono-color2);\n}";
 var modules_a2cdc77c$1 = {"root":"Toggle_module_root__7230d352","toggle":"Toggle_module_toggle__7230d352","toggle-button":"Toggle_module_toggleButton__7230d352","secondary":"Toggle_module_secondary__7230d352","active":"Toggle_module_active__7230d352","highlight":"Toggle_module_highlight__7230d352","disabled":"Toggle_module_disabled__7230d352","all-select":"Toggle_module_allSelect__7230d352","slider":"Toggle_module_slider__7230d352","smooth":"Toggle_module_smooth__7230d352"};
-n(css$y,{});
+n(css$E,{});
 
 var Toggle$1 = function Toggle(_ref) {
   var _ref$options = _ref.options,
@@ -6207,27 +6258,2394 @@ var ArrowIcon = function ArrowIcon(props) {
   });
 };
 
-var TickIcon = function TickIcon(props) {
+var ChevronDownIcon = function ChevronDownIcon(props) {
   var _props$className = props.className,
     className = _props$className === void 0 ? '' : _props$className;
   return jsxRuntime.jsx("svg", {
-    width: '4',
-    height: '3',
-    viewBox: '0 0 4 3',
-    fill: 'none',
     xmlns: 'http://www.w3.org/2000/svg',
+    width: '16',
+    height: '16',
+    viewBox: '0 0 16 16',
+    className: className,
+    fill: 'currentColor',
     children: jsxRuntime.jsx("path", {
-      d: 'M0.176777 1.21846L1.42678 2.46846L3.71844 0.176788',
-      stroke: '#24A148',
-      strokeWidth: '0.5',
-      className: className
-    })
+      d: 'M12 6L8 10L4 6',
+      stroke: 'currentColor',
+      strokeWidth: '1.5',
+      strokeLinecap: 'round',
+      strokeLinejoin: 'round',
+      fill: 'none'
+    })
+  });
+};
+
+var Help = function Help(_ref) {
+  var className = _ref.className,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 14 : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 14 : _ref$height;
+  return jsxRuntime.jsxs("svg", {
+    width: width,
+    height: height,
+    viewBox: '0 0 14 14',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg',
+    className: className,
+    children: [jsxRuntime.jsx("circle", {
+      cx: '6.66667',
+      cy: '6.66667',
+      r: '6.16667',
+      stroke: '#A4A7AE'
+    }), jsxRuntime.jsx("path", {
+      d: 'M6.04784 8.32665V8.16798C6.04784 7.8942 6.09139 7.65154 6.1785 7.43998C6.27184 7.22842 6.38695 7.03865 6.52384 6.87065C6.66695 6.69642 6.81317 6.53776 6.9625 6.39465C7.17406 6.19554 7.36073 6.00265 7.5225 5.81598C7.6905 5.62931 7.7745 5.41154 7.7745 5.16265C7.7745 5.00709 7.73717 4.86709 7.6625 4.74265C7.58784 4.61198 7.47584 4.50931 7.3265 4.43465C7.18339 4.35376 7.00606 4.31331 6.7945 4.31331C6.50206 4.31331 6.25006 4.40354 6.0385 4.58398C5.83317 4.7582 5.7025 4.99465 5.6465 5.29331L4.6665 5.05998C4.7225 4.71776 4.84695 4.41909 5.03984 4.16398C5.23895 3.90265 5.48784 3.70042 5.7865 3.55731C6.09139 3.40798 6.43362 3.33331 6.81317 3.33331C7.2425 3.33331 7.60962 3.42042 7.9145 3.59465C8.22562 3.76265 8.46206 3.98354 8.62384 4.25731C8.78561 4.53109 8.8665 4.82665 8.8665 5.14398C8.8665 5.39909 8.81362 5.62931 8.70784 5.83465C8.60828 6.03376 8.47762 6.21731 8.31584 6.38531C8.16028 6.55331 7.9985 6.7182 7.8305 6.87998C7.63139 7.07287 7.45406 7.27509 7.2985 7.48665C7.14917 7.69198 7.0745 7.93465 7.0745 8.21465V8.32665H6.04784ZM6.04784 10.3986V9.18531H7.12117V10.3986H6.04784Z',
+      fill: '#A4A7AE'
+    })]
+  });
+};
+
+var Search = function Search(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#A4A7AE' : _ref$color;
+  return jsxRuntime.jsxs("svg", {
+    className: className,
+    width: '20',
+    height: '20',
+    viewBox: '0 0 20 20',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg',
+    children: [jsxRuntime.jsx("circle", {
+      cx: '9.45759',
+      cy: '9.62556',
+      r: '6.95759',
+      stroke: color,
+      "stroke-width": '1.67'
+    }), jsxRuntime.jsx("path", {
+      d: 'M14.5049 14.3367L17.5001 17.3319',
+      stroke: color,
+      "stroke-width": '1.6',
+      "stroke-linecap": 'round',
+      "stroke-linejoin": 'round'
+    })]
+  });
+};
+
+var TickIcon = function TickIcon(props) {
+  var _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className;
+  return jsxRuntime.jsx("svg", {
+    width: '4',
+    height: '3',
+    viewBox: '0 0 4 3',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg',
+    children: jsxRuntime.jsx("path", {
+      d: 'M0.176777 1.21846L1.42678 2.46846L3.71844 0.176788',
+      stroke: '#24A148',
+      strokeWidth: '0.5',
+      className: className
+    })
+  });
+};
+
+var css$D = ".Popover_module_root__fa26af22 {\n  padding: 0.5rem;\n  border-radius: 0.25rem;\n  border: 1px solid var(--grey);\n  z-index: 10;\n}\n.Popover_module_root__fa26af22.Popover_module_darkTheme__fa26af22 {\n  box-shadow: 0px dark 20px rgba(24, 24, 24, 0.08);\n  background-color: var(--dark-grey);\n  color: var(--white);\n  border-color: var(--grey);\n}\n.Popover_module_root__fa26af22.Popover_module_lightTheme__fa26af22 {\n  box-shadow: 0px light 20px rgba(24, 24, 24, 0.08);\n  background-color: var(--white);\n  color: var(--dark-grey);\n  border-color: var(--grey4);\n}";
+var modules_dfc4608f = {"root":"Popover_module_root__fa26af22","dark-theme":"Popover_module_darkTheme__fa26af22","light-theme":"Popover_module_lightTheme__fa26af22"};
+n(css$D,{});
+
+var resolveOffset = function resolveOffset(user) {
+  if (user == null) return {
+    mainAxis: 5
+  };
+  if (typeof user === 'number' || typeof user === 'function') return user;
+  return _objectSpread2({
+    mainAxis: 5
+  }, user);
+};
+var Popover = function Popover(_ref) {
+  var children = _ref.children,
+    anchorEl = _ref.anchorEl,
+    open = _ref.open,
+    setOpen = _ref.setOpen,
+    className = _ref.className,
+    _ref$transparent = _ref.transparent,
+    transparent = _ref$transparent === void 0 ? true : _ref$transparent,
+    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,
+    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 !== null && middlewareOptions !== void 0 && middlewareOptions.flip && _typeof(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({
+        apply: function apply(_ref2) {
+          var rects = _ref2.rects,
+            availableHeight = _ref2.availableHeight,
+            elements = _ref2.elements;
+          Object.assign(elements.floating.style, {
+            width: "".concat(rects.reference.width.toString(), "px"),
+            minWidth: 'fit-content',
+            maxHeight: "".concat(availableHeight.toString(), "px")
+          });
+        },
+        padding: 8
+      })]
+    })),
+    x = _useFloating.x,
+    y = _useFloating.y,
+    reference = _useFloating.reference,
+    floating = _useFloating.floating,
+    strategy = _useFloating.strategy,
+    context = _useFloating.context;
+  var _useInteractions = useInteractions([useDismiss(context)]),
+    getFloatingProps = _useInteractions.getFloatingProps;
+  React.useEffect(function () {
+    if (!open) onClose === null || onClose === void 0 || onClose();
+  }, [open, onClose]);
+  React.useLayoutEffect(function () {
+    reference(anchorEl);
+  }, [anchorEl, reference]);
+  return jsxRuntime.jsx(Popper, {
+    open: open,
+    wrapperId: 'popover',
+    transparent: transparent,
+    lockScroll: lockScroll,
+    withOverlay: withOverlay,
+    children: jsxRuntime.jsx("div", _objectSpread2(_objectSpread2({}, getFloatingProps({
+      ref: floating,
+      style: {
+        position: strategy,
+        top: y !== null && y !== void 0 ? y : 0,
+        left: x !== null && x !== void 0 ? x : 0
+      },
+      className: classes(modules_dfc4608f.root, modules_dfc4608f["".concat(theme, "-theme")], className)
+    })), {}, {
+      children: children
+    }))
+  });
+};
+
+var ArrowLeftIcon = function ArrowLeftIcon(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 12 : _ref$size,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#717680' : _ref$color,
+    className = _ref.className;
+  return jsxRuntime.jsx("svg", {
+    xmlns: 'http://www.w3.org/2000/svg',
+    width: size,
+    height: size,
+    viewBox: '0 0 12 12',
+    fill: 'none',
+    className: className,
+    children: jsxRuntime.jsx("path", {
+      d: 'M9.5 6H2.5M2.5 6L5.96982 2.53018M2.5 6L5.96982 9.46983',
+      stroke: color,
+      strokeWidth: 1.5,
+      strokeLinecap: 'round',
+      strokeLinejoin: 'round'
+    })
+  });
+};
+
+var ArrowRightIcon = function ArrowRightIcon(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 12 : _ref$size,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#717680' : _ref$color,
+    className = _ref.className;
+  return jsxRuntime.jsx("svg", {
+    xmlns: 'http://www.w3.org/2000/svg',
+    width: size,
+    height: size,
+    viewBox: '0 0 12 12',
+    fill: 'none',
+    className: className,
+    children: jsxRuntime.jsx("path", {
+      d: 'M2.5 6H9.5M9.5 6L6.03018 2.53018M9.5 6L6.03018 9.46983',
+      stroke: color,
+      strokeWidth: 1.5,
+      strokeLinecap: 'round',
+      strokeLinejoin: 'round'
+    })
+  });
+};
+
+var ArrowUpIcon = function ArrowUpIcon(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 12 : _ref$size,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#717680' : _ref$color,
+    className = _ref.className;
+  return jsxRuntime.jsx("svg", {
+    xmlns: 'http://www.w3.org/2000/svg',
+    width: size,
+    height: size,
+    viewBox: '0 0 12 12',
+    fill: 'none',
+    className: className,
+    children: jsxRuntime.jsx("path", {
+      d: 'M6 9.5L6 2.5M6 2.5L2.53017 5.96982M6 2.5L9.46982 5.96982',
+      stroke: color,
+      strokeWidth: 1.5,
+      strokeLinecap: 'round',
+      strokeLinejoin: 'round'
+    })
+  });
+};
+
+var DotIcon = function DotIcon(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 8 : _ref$size,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#717680' : _ref$color,
+    className = _ref.className;
+  return jsxRuntime.jsx("svg", {
+    xmlns: 'http://www.w3.org/2000/svg',
+    width: size,
+    height: size,
+    viewBox: '0 0 8 8',
+    fill: 'none',
+    className: className,
+    children: jsxRuntime.jsx("circle", {
+      cx: '4',
+      cy: '4',
+      r: '3',
+      fill: color
+    })
+  });
+};
+
+var PlusIcon = function PlusIcon(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 12 : _ref$size,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#717680' : _ref$color,
+    className = _ref.className;
+  return jsxRuntime.jsxs("svg", {
+    xmlns: 'http://www.w3.org/2000/svg',
+    width: size,
+    height: size,
+    viewBox: '0 0 12 12',
+    fill: 'none',
+    className: className,
+    children: [jsxRuntime.jsx("path", {
+      d: 'M6 2.5V9.5',
+      stroke: color,
+      strokeWidth: 1.5,
+      strokeLinecap: 'round',
+      strokeLinejoin: 'round'
+    }), jsxRuntime.jsx("path", {
+      d: 'M2.5 6L9.5 6',
+      stroke: color,
+      strokeWidth: 1.5,
+      strokeLinecap: 'round',
+      strokeLinejoin: 'round'
+    })]
+  });
+};
+
+var ICON_SIZE = {
+  sm: 16,
+  md: 16,
+  lg: 16
+};
+var DOT_SIZE = {
+  sm: 8,
+  md: 8,
+  lg: 8
+};
+
+var _excluded$6 = ["size", "color"];
+var TagCloserSm = function TagCloserSm(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 12 : _ref$size,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#A4A7AE' : _ref$color,
+    props = _objectWithoutProperties(_ref, _excluded$6);
+  return jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({
+    width: size,
+    height: size,
+    viewBox: '0 0 12 12',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, props), {}, {
+    children: jsxRuntime.jsx("path", {
+      d: 'M9 3L3 9M3 3L9 9',
+      stroke: color,
+      strokeWidth: '1.5',
+      strokeLinecap: 'round',
+      strokeLinejoin: 'round'
+    })
+  }));
+};
+
+var css$C = ".Text_module_root__d10e5305 {\n  color: var(--text-color);\n}\n.Text_module_root__d10e5305.Text_module_h1__d10e5305 {\n  font-size: 2.25rem;\n  line-height: 2.75rem;\n}\n.Text_module_root__d10e5305.Text_module_h2__d10e5305 {\n  font-size: 1.375rem;\n  line-height: 1.688rem;\n}\n.Text_module_root__d10e5305.Text_module_b1__d10e5305 {\n  font-size: 1rem;\n  line-height: 1.188rem;\n}\n.Text_module_root__d10e5305.Text_module_b2__d10e5305 {\n  font-size: 0.875rem;\n  line-height: 1.188rem;\n}\n.Text_module_root__d10e5305.Text_module_b3__d10e5305 {\n  font-size: 0.75rem;\n  line-height: 1.063rem;\n}\n.Text_module_root__d10e5305.Text_module_regularStroke__d10e5305 {\n  font-weight: 400;\n}\n.Text_module_root__d10e5305.Text_module_mediumStroke__d10e5305 {\n  font-weight: 500;\n}\n.Text_module_root__d10e5305.Text_module_semiboldStroke__d10e5305 {\n  font-weight: 600;\n}\n.Text_module_root__d10e5305.Text_module_boldStroke__d10e5305 {\n  font-weight: 800;\n}";
+var modules_22fa3f10$1 = {"root":"Text_module_root__d10e5305","h1":"Text_module_h1__d10e5305","h2":"Text_module_h2__d10e5305","b1":"Text_module_b1__d10e5305","b2":"Text_module_b2__d10e5305","b3":"Text_module_b3__d10e5305","regular-stroke":"Text_module_regularStroke__d10e5305","medium-stroke":"Text_module_mediumStroke__d10e5305","semibold-stroke":"Text_module_semiboldStroke__d10e5305","bold-stroke":"Text_module_boldStroke__d10e5305"};
+n(css$C,{});
+
+var Text$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'b2' : _props$variant,
+    _props$component = props.component,
+    component = _props$component === void 0 ? 'span' : _props$component,
+    _props$stroke = props.stroke,
+    stroke = _props$stroke === void 0 ? 'regular' : _props$stroke,
+    weight = props.weight,
+    italic = props.italic,
+    underline = props.underline,
+    children = props.children,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$attrs = props.attrs,
+    attrs = _props$attrs === void 0 ? {} : _props$attrs;
+  var TextDOM = /*#__PURE__*/React.createElement(component, _objectSpread2({
+    ref: ref,
+    style: _objectSpread2(_objectSpread2(_objectSpread2({}, italic && {
+      fontStyle: 'italic'
+    }), underline && {
+      textDecoration: 'underline'
+    }), weight && {
+      fontWeight: weight
+    }),
+    className: classes(modules_22fa3f10$1.root, modules_22fa3f10$1[variant], modules_22fa3f10$1["".concat(stroke, "-stroke")], className)
+  }, attrs), children);
+  if (/*#__PURE__*/React.isValidElement(TextDOM)) {
+    return TextDOM;
+  }
+  return null;
+});
+
+var css$B = ".Badge_module_badge__dbbe5f66 {\n  display: inline-flex;\n  align-items: center;\n  box-sizing: border-box;\n  white-space: nowrap;\n  border: 1px solid transparent;\n  font-family: Jakarta Sans, sans-serif;\n}\n.Badge_module_badge__icon__dbbe5f66 {\n  display: block;\n  flex-shrink: 0;\n}\n.Badge_module_badge__label__dbbe5f66 {\n  display: inline-block;\n  font-weight: 500;\n  font-family: inherit;\n}\n.Badge_module_badge__closer__dbbe5f66 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  padding: 0;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  color: inherit;\n  opacity: 0.45;\n  transition: opacity 0.15s ease;\n  width: 16px;\n  height: 16px;\n}\n.Badge_module_badge__closer__dbbe5f66:hover {\n  opacity: 1;\n}\n.Badge_module_badge__closer__dbbe5f66:focus-visible {\n  outline: 2px solid currentColor;\n  outline-offset: 1px;\n  border-radius: 2px;\n}\n.Badge_module_badge_Sm__dbbe5f66 {\n  padding: 2px 8px;\n  gap: 4px;\n}\n.Badge_module_badge_Sm__dbbe5f66 .Badge_module_badge__label__dbbe5f66 {\n  font-size: 12px;\n  line-height: 16px;\n}\n.Badge_module_badge_Sm__dbbe5f66.Badge_module_badge_Pill__dbbe5f66.Badge_module_badge_HasCloser__dbbe5f66 {\n  padding: 2px 3px 2px 8px;\n  gap: 2px;\n  height: 20px;\n}\n.Badge_module_badge_Sm__dbbe5f66.Badge_module_badge_Pill__dbbe5f66.Badge_module_badge_HasDot__dbbe5f66 {\n  padding: 2px 8px 2px 6px;\n  height: 20px;\n}\n.Badge_module_badge_Sm__dbbe5f66.Badge_module_badge_Pill__dbbe5f66.Badge_module_badge_HasArrow__dbbe5f66 {\n  padding: 2px 6px 2px 8px;\n  gap: 2px;\n  height: 20px;\n}\n.Badge_module_badge_Sm__dbbe5f66.Badge_module_badge_Pill__dbbe5f66.Badge_module_badge_HasUpArrow__dbbe5f66 {\n  padding: 2px 8px 2px 6px;\n  gap: 2px;\n  height: 20px;\n}\n.Badge_module_badge_Sm__dbbe5f66.Badge_module_badge_Modern__dbbe5f66.Badge_module_badge_HasLead__dbbe5f66 {\n  padding: 2px 8px 2px 6px;\n  gap: 2px;\n  height: 20px;\n}\n.Badge_module_badge_Sm__dbbe5f66.Badge_module_badge_Badge__dbbe5f66.Badge_module_badge_HasLead__dbbe5f66 {\n  padding: 2px 8px 2px 6px;\n  gap: 2px;\n  height: 20px;\n}\n.Badge_module_badge_Sm__dbbe5f66.Badge_module_badge_Pill__dbbe5f66.Badge_module_badge_HasLead__dbbe5f66 {\n  padding: 2px 8px 2px 6px;\n  gap: 2px;\n  height: 20px;\n}\n.Badge_module_badge_Sm__dbbe5f66.Badge_module_badge_Badge__dbbe5f66.Badge_module_badge_HasCloser__dbbe5f66 {\n  padding: 2px 3px 2px 8px;\n  gap: 2px;\n  height: 20px;\n}\n.Badge_module_badge_Sm__dbbe5f66.Badge_module_badge_Badge__dbbe5f66.Badge_module_badge_HasDot__dbbe5f66 {\n  padding: 2px 8px 2px 6px;\n  height: 20px;\n}\n.Badge_module_badge_Sm__dbbe5f66.Badge_module_badge_Badge__dbbe5f66.Badge_module_badge_HasArrow__dbbe5f66 {\n  padding: 2px 6px 2px 8px;\n  gap: 2px;\n  height: 20px;\n}\n.Badge_module_badge_Sm__dbbe5f66.Badge_module_badge_Badge__dbbe5f66.Badge_module_badge_HasUpArrow__dbbe5f66 {\n  padding: 2px 8px 2px 6px;\n  gap: 2px;\n  height: 20px;\n}\n.Badge_module_badge_Sm__dbbe5f66.Badge_module_badge_Modern__dbbe5f66.Badge_module_badge_HasCloser__dbbe5f66 {\n  padding: 2px 3px 2px 8px;\n  gap: 2px;\n  height: 20px;\n}\n.Badge_module_badge_Sm__dbbe5f66.Badge_module_badge_Modern__dbbe5f66.Badge_module_badge_HasDot__dbbe5f66 {\n  padding: 2px 8px 2px 6px;\n  gap: 4px;\n  height: 20px;\n}\n.Badge_module_badge_Sm__dbbe5f66.Badge_module_badge_Modern__dbbe5f66.Badge_module_badge_HasArrow__dbbe5f66 {\n  padding: 2px 6px 2px 8px;\n  gap: 2px;\n  height: 20px;\n}\n.Badge_module_badge_Sm__dbbe5f66.Badge_module_badge_Modern__dbbe5f66.Badge_module_badge_HasUpArrow__dbbe5f66 {\n  padding: 2px 8px 2px 6px;\n  gap: 2px;\n  height: 20px;\n}\n.Badge_module_badge_Sm__dbbe5f66.Badge_module_badge_HasDot__dbbe5f66:not(.Badge_module_badge_Pill__dbbe5f66) {\n  padding-left: 4px;\n}\n.Badge_module_badge_Sm__dbbe5f66.Badge_module_badge_HasUpArrow__dbbe5f66:not(.Badge_module_badge_Pill__dbbe5f66) {\n  padding-left: 4px;\n}\n.Badge_module_badge_Sm__dbbe5f66.Badge_module_badge_HasArrow__dbbe5f66:not(.Badge_module_badge_Pill__dbbe5f66) {\n  padding-right: 4px;\n}\n.Badge_module_badge_Sm__dbbe5f66.Badge_module_badge_HasPlus__dbbe5f66 {\n  padding: 5px;\n}\n.Badge_module_badge_Md__dbbe5f66 {\n  padding: 2px 10px;\n  gap: 4px;\n}\n.Badge_module_badge_Md__dbbe5f66 .Badge_module_badge__label__dbbe5f66 {\n  font-size: 14px;\n  line-height: 20px;\n}\n.Badge_module_badge_Md__dbbe5f66.Badge_module_badge_Pill__dbbe5f66.Badge_module_badge_HasCloser__dbbe5f66 {\n  padding: 2px 4px 2px 10px;\n  gap: 2px;\n  height: 24px;\n}\n.Badge_module_badge_Md__dbbe5f66.Badge_module_badge_Pill__dbbe5f66.Badge_module_badge_HasDot__dbbe5f66 {\n  padding: 2px 10px 2px 8px;\n  gap: 6px;\n  height: 24px;\n}\n.Badge_module_badge_Md__dbbe5f66.Badge_module_badge_Pill__dbbe5f66.Badge_module_badge_HasArrow__dbbe5f66 {\n  padding: 2px 6px 2px 10px;\n  gap: 2px;\n  height: 24px;\n}\n.Badge_module_badge_Md__dbbe5f66.Badge_module_badge_Pill__dbbe5f66.Badge_module_badge_HasUpArrow__dbbe5f66 {\n  padding: 2px 10px 2px 8px;\n  gap: 2px;\n  height: 24px;\n}\n.Badge_module_badge_Md__dbbe5f66.Badge_module_badge_Modern__dbbe5f66.Badge_module_badge_HasLead__dbbe5f66 {\n  padding: 2px 10px 2px 8px;\n  gap: 2px;\n  height: 24px;\n}\n.Badge_module_badge_Md__dbbe5f66.Badge_module_badge_Badge__dbbe5f66.Badge_module_badge_HasLead__dbbe5f66 {\n  padding: 2px 10px 2px 8px;\n  gap: 2px;\n  height: 24px;\n}\n.Badge_module_badge_Md__dbbe5f66.Badge_module_badge_Pill__dbbe5f66.Badge_module_badge_HasLead__dbbe5f66 {\n  padding: 2px 10px 2px 8px;\n  gap: 2px;\n  height: 24px;\n}\n.Badge_module_badge_Md__dbbe5f66.Badge_module_badge_Badge__dbbe5f66.Badge_module_badge_HasCloser__dbbe5f66 {\n  padding: 2px 4px 2px 10px;\n  gap: 2px;\n  height: 24px;\n}\n.Badge_module_badge_Md__dbbe5f66.Badge_module_badge_Badge__dbbe5f66.Badge_module_badge_HasDot__dbbe5f66 {\n  padding: 2px 10px 2px 8px;\n  gap: 6px;\n  height: 24px;\n}\n.Badge_module_badge_Md__dbbe5f66.Badge_module_badge_Badge__dbbe5f66.Badge_module_badge_HasArrow__dbbe5f66 {\n  padding: 2px 8px 2px 10px;\n  gap: 2px;\n  height: 24px;\n}\n.Badge_module_badge_Md__dbbe5f66.Badge_module_badge_Badge__dbbe5f66.Badge_module_badge_HasUpArrow__dbbe5f66 {\n  padding: 2px 10px 2px 8px;\n  gap: 2px;\n  height: 24px;\n}\n.Badge_module_badge_Md__dbbe5f66.Badge_module_badge_Modern__dbbe5f66.Badge_module_badge_HasCloser__dbbe5f66 {\n  padding: 2px 4px 2px 10px;\n  gap: 2px;\n  height: 24px;\n}\n.Badge_module_badge_Md__dbbe5f66.Badge_module_badge_Modern__dbbe5f66.Badge_module_badge_HasDot__dbbe5f66 {\n  padding: 2px 10px 2px 8px;\n  gap: 6px;\n  height: 24px;\n}\n.Badge_module_badge_Md__dbbe5f66.Badge_module_badge_Modern__dbbe5f66.Badge_module_badge_HasArrow__dbbe5f66 {\n  padding: 2px 8px 2px 10px;\n  gap: 2px;\n  height: 24px;\n}\n.Badge_module_badge_Md__dbbe5f66.Badge_module_badge_Modern__dbbe5f66.Badge_module_badge_HasUpArrow__dbbe5f66 {\n  padding: 2px 10px 2px 8px;\n  gap: 2px;\n  height: 24px;\n}\n.Badge_module_badge_Md__dbbe5f66.Badge_module_badge_HasDot__dbbe5f66:not(.Badge_module_badge_Pill__dbbe5f66) {\n  padding-left: 6px;\n}\n.Badge_module_badge_Md__dbbe5f66.Badge_module_badge_HasUpArrow__dbbe5f66:not(.Badge_module_badge_Pill__dbbe5f66) {\n  padding-left: 6px;\n}\n.Badge_module_badge_Md__dbbe5f66.Badge_module_badge_HasArrow__dbbe5f66:not(.Badge_module_badge_Pill__dbbe5f66) {\n  padding-right: 6px;\n}\n.Badge_module_badge_Md__dbbe5f66.Badge_module_badge_HasPlus__dbbe5f66 {\n  padding: 6px;\n}\n.Badge_module_badge_Lg__dbbe5f66 {\n  padding: 4px 12px;\n  gap: 4px;\n}\n.Badge_module_badge_Lg__dbbe5f66 .Badge_module_badge__label__dbbe5f66 {\n  font-size: 14px;\n  line-height: 20px;\n}\n.Badge_module_badge_Lg__dbbe5f66.Badge_module_badge_Pill__dbbe5f66.Badge_module_badge_HasCloser__dbbe5f66 {\n  padding: 4px 6px 4px 12px;\n  gap: 2px;\n  height: 28px;\n}\n.Badge_module_badge_Lg__dbbe5f66.Badge_module_badge_Pill__dbbe5f66.Badge_module_badge_HasDot__dbbe5f66 {\n  padding: 4px 10px 4px 12px;\n  gap: 6px;\n  height: 28px;\n}\n.Badge_module_badge_Lg__dbbe5f66.Badge_module_badge_Pill__dbbe5f66.Badge_module_badge_HasArrow__dbbe5f66 {\n  padding: 4px 6px 4px 12px;\n  gap: 2px;\n  height: 28px;\n}\n.Badge_module_badge_Lg__dbbe5f66.Badge_module_badge_Pill__dbbe5f66.Badge_module_badge_HasUpArrow__dbbe5f66 {\n  padding: 4px 12px 4px 10px;\n  gap: 2px;\n  height: 28px;\n}\n.Badge_module_badge_Lg__dbbe5f66.Badge_module_badge_Modern__dbbe5f66.Badge_module_badge_HasLead__dbbe5f66 {\n  padding: 4px 12px 4px 10px;\n  gap: 2px;\n  height: 28px;\n}\n.Badge_module_badge_Lg__dbbe5f66.Badge_module_badge_Badge__dbbe5f66.Badge_module_badge_HasLead__dbbe5f66 {\n  padding: 4px 12px 4px 10px;\n  gap: 2px;\n  height: 28px;\n}\n.Badge_module_badge_Lg__dbbe5f66.Badge_module_badge_Pill__dbbe5f66.Badge_module_badge_HasLead__dbbe5f66 {\n  padding: 4px 12px 4px 10px;\n  gap: 2px;\n  height: 28px;\n}\n.Badge_module_badge_Lg__dbbe5f66.Badge_module_badge_Badge__dbbe5f66.Badge_module_badge_HasCloser__dbbe5f66 {\n  padding: 4px 6px 4px 12px;\n  gap: 2px;\n  height: 28px;\n}\n.Badge_module_badge_Lg__dbbe5f66.Badge_module_badge_Badge__dbbe5f66.Badge_module_badge_HasDot__dbbe5f66 {\n  padding: 4px 12px 4px 10px;\n  gap: 6px;\n  height: 28px;\n}\n.Badge_module_badge_Lg__dbbe5f66.Badge_module_badge_Badge__dbbe5f66.Badge_module_badge_HasArrow__dbbe5f66 {\n  padding: 4px 10px 4px 12px;\n  gap: 2px;\n  height: 28px;\n}\n.Badge_module_badge_Lg__dbbe5f66.Badge_module_badge_Badge__dbbe5f66.Badge_module_badge_HasUpArrow__dbbe5f66 {\n  padding: 4px 12px 4px 10px;\n  gap: 2px;\n  height: 28px;\n}\n.Badge_module_badge_Lg__dbbe5f66.Badge_module_badge_Modern__dbbe5f66.Badge_module_badge_HasCloser__dbbe5f66 {\n  padding: 4px 6px 4px 12px;\n  gap: 2px;\n  height: 28px;\n}\n.Badge_module_badge_Lg__dbbe5f66.Badge_module_badge_Modern__dbbe5f66.Badge_module_badge_HasDot__dbbe5f66 {\n  padding: 4px 12px 4px 10px;\n  gap: 6px;\n  height: 28px;\n}\n.Badge_module_badge_Lg__dbbe5f66.Badge_module_badge_Modern__dbbe5f66.Badge_module_badge_HasArrow__dbbe5f66 {\n  padding: 4px 10px 4px 12px;\n  gap: 2px;\n  height: 28px;\n}\n.Badge_module_badge_Lg__dbbe5f66.Badge_module_badge_Modern__dbbe5f66.Badge_module_badge_HasUpArrow__dbbe5f66 {\n  padding: 4px 12px 4px 10px;\n  gap: 2px;\n  height: 28px;\n}\n.Badge_module_badge_Lg__dbbe5f66.Badge_module_badge_HasDot__dbbe5f66:not(.Badge_module_badge_Pill__dbbe5f66) {\n  padding-left: 8px;\n}\n.Badge_module_badge_Lg__dbbe5f66.Badge_module_badge_HasUpArrow__dbbe5f66:not(.Badge_module_badge_Pill__dbbe5f66) {\n  padding-left: 8px;\n}\n.Badge_module_badge_Lg__dbbe5f66.Badge_module_badge_HasArrow__dbbe5f66:not(.Badge_module_badge_Pill__dbbe5f66) {\n  padding-right: 8px;\n}\n.Badge_module_badge_Lg__dbbe5f66.Badge_module_badge_HasPlus__dbbe5f66 {\n  padding: 8px;\n}\n.Badge_module_badge_Pill__dbbe5f66 {\n  border-radius: 999px;\n  background-color: #fafafa;\n  border-color: #e9eaeb;\n  color: #414651;\n}\n.Badge_module_badge_Badge__dbbe5f66 {\n  border-radius: 6px;\n  background-color: #fafafa;\n  border-color: #e9eaeb;\n  color: #414651;\n}\n.Badge_module_badge_Modern__dbbe5f66 {\n  border-radius: 6px;\n  background-color: #ffffff;\n  border-color: #d5d7da;\n  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);\n  color: #414651;\n}";
+var modules_c87a512f = {"badge":"Badge_module_badge__dbbe5f66","badge__icon":"Badge_module_badge__icon__dbbe5f66","badge__label":"Badge_module_badge__label__dbbe5f66","badge__closer":"Badge_module_badge__closer__dbbe5f66","badge--sm":"Badge_module_badge_Sm__dbbe5f66","badge--pill":"Badge_module_badge_Pill__dbbe5f66","badge--has-closer":"Badge_module_badge_HasCloser__dbbe5f66","badge--has-dot":"Badge_module_badge_HasDot__dbbe5f66","badge--has-arrow":"Badge_module_badge_HasArrow__dbbe5f66","badge--has-up-arrow":"Badge_module_badge_HasUpArrow__dbbe5f66","badge--modern":"Badge_module_badge_Modern__dbbe5f66","badge--has-lead":"Badge_module_badge_HasLead__dbbe5f66","badge--badge":"Badge_module_badge_Badge__dbbe5f66","badge--has-plus":"Badge_module_badge_HasPlus__dbbe5f66","badge--md":"Badge_module_badge_Md__dbbe5f66","badge--lg":"Badge_module_badge_Lg__dbbe5f66"};
+n(css$B,{});
+
+var Badge = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var label = _ref.label,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'pill' : _ref$variant,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'sm' : _ref$size,
+    onClose = _ref.onClose,
+    _ref$dot = _ref.dot,
+    dot = _ref$dot === void 0 ? false : _ref$dot,
+    _ref$dotColor = _ref.dotColor,
+    dotColor = _ref$dotColor === void 0 ? '#717680' : _ref$dotColor,
+    _ref$arrow = _ref.arrow,
+    arrow = _ref$arrow === void 0 ? false : _ref$arrow,
+    _ref$arrowColor = _ref.arrowColor,
+    arrowColor = _ref$arrowColor === void 0 ? '#717680' : _ref$arrowColor,
+    _ref$arrowLead = _ref.arrowLead,
+    arrowLead = _ref$arrowLead === void 0 ? false : _ref$arrowLead,
+    _ref$arrowLeadColor = _ref.arrowLeadColor,
+    arrowLeadColor = _ref$arrowLeadColor === void 0 ? '#717680' : _ref$arrowLeadColor,
+    _ref$upArrow = _ref.upArrow,
+    upArrow = _ref$upArrow === void 0 ? false : _ref$upArrow,
+    _ref$upArrowColor = _ref.upArrowColor,
+    upArrowColor = _ref$upArrowColor === void 0 ? '#717680' : _ref$upArrowColor,
+    _ref$plus = _ref.plus,
+    plus = _ref$plus === void 0 ? false : _ref$plus,
+    _ref$plusColor = _ref.plusColor,
+    plusColor = _ref$plusColor === void 0 ? '#717680' : _ref$plusColor,
+    className = _ref.className;
+  var classNames = classes(modules_c87a512f.badge, modules_c87a512f["badge--".concat(size)], modules_c87a512f["badge--".concat(variant)], dot && modules_c87a512f['badge--has-dot'], arrow && modules_c87a512f['badge--has-arrow'], arrowLead && modules_c87a512f['badge--has-lead'], upArrow && modules_c87a512f['badge--has-up-arrow'], plus && modules_c87a512f['badge--has-plus'], onClose && modules_c87a512f['badge--has-closer'], className);
+  return jsxRuntime.jsxs("span", {
+    ref: ref,
+    className: classNames,
+    children: [dot && jsxRuntime.jsx(DotIcon, {
+      size: DOT_SIZE[size],
+      color: dotColor,
+      className: modules_c87a512f.badge__icon
+    }), arrowLead && jsxRuntime.jsx(ArrowLeftIcon, {
+      size: ICON_SIZE[size],
+      color: arrowLeadColor,
+      className: modules_c87a512f.badge__icon
+    }), upArrow && jsxRuntime.jsx(ArrowUpIcon, {
+      size: ICON_SIZE[size],
+      color: upArrowColor,
+      className: modules_c87a512f.badge__icon
+    }), plus && jsxRuntime.jsx(PlusIcon, {
+      size: ICON_SIZE[size],
+      color: plusColor,
+      className: modules_c87a512f.badge__icon
+    }), label && jsxRuntime.jsx(Text$1, {
+      component: 'span',
+      className: modules_c87a512f.badge__label,
+      children: label
+    }), arrow && jsxRuntime.jsx(ArrowRightIcon, {
+      size: ICON_SIZE[size],
+      color: arrowColor,
+      className: modules_c87a512f.badge__icon
+    }), onClose && jsxRuntime.jsx(Button$1, {
+      type: 'button',
+      variant: 'unstyled',
+      className: modules_c87a512f.badge__closer,
+      onClick: onClose,
+      title: jsxRuntime.jsx(TagCloserSm, {
+        size: ICON_SIZE[size]
+      })
+    })]
+  });
+});
+Badge.displayName = 'Badge';
+
+function o(f){return r=>{f.forEach(n=>{typeof n=="function"?n(r):n!=null&&(n.current=r);});}}
+
+var css$A = ".Tooltip_module_tooltip__1e01533d {\n  position: relative;\n  background-color: #1c1c1c; /* Deep dark rich grey from the Canva spec */\n  color: #ffffff;\n  padding: 8px 12px;\n  border-radius: 6px;\n  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15), 0 0 1px rgba(255, 255, 255, 0.1);\n  max-width: 320px;\n  pointer-events: none; /* By default allow mouse to click straight through into the app */\n  will-change: transform, opacity;\n  box-sizing: border-box;\n}\n\n.Tooltip_module_tooltip__1e01533d.Tooltip_module_interactive__1e01533d {\n  pointer-events: auto; /* Required exclusively if they want to click links inside */\n}\n\n/* Enforce the text styling purely for the component text */\n.Tooltip_module_textContent__1e01533d {\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  line-height: 1.4 !important;\n  color: inherit !important;\n  font-family: Jakarta Sans, sans-serif;\n}\n\n.Tooltip_module_arrow__1e01533d {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background-color: #1c1c1c;\n  transform: rotate(45deg);\n  border-radius: 1px;\n}";
+var modules_e4619b04$1 = {"tooltip":"Tooltip_module_tooltip__1e01533d","interactive":"Tooltip_module_interactive__1e01533d","textContent":"Tooltip_module_textContent__1e01533d","arrow":"Tooltip_module_arrow__1e01533d"};
+n(css$A,{});
+
+var POINTER_EDGE_OFFSET = '12px';
+var POINTER_SIZE = '8px';
+var getPointerStyle = function getPointerStyle(_ref) {
+  var side = _ref.side,
+    pointerPosition = _ref.pointerPosition,
+    arrowX = _ref.arrowX,
+    arrowY = _ref.arrowY;
+  if (pointerPosition === 'center') {
+    return {
+      left: arrowX != null ? "".concat(arrowX, "px") : undefined,
+      top: arrowY != null ? "".concat(arrowY, "px") : undefined
+    };
+  }
+  var isHorizontalSide = side === 'top' || side === 'bottom';
+  var edgeValue = pointerPosition === 'start' ? POINTER_EDGE_OFFSET : "calc(100% - ".concat(POINTER_EDGE_OFFSET, " - ").concat(POINTER_SIZE, ")");
+  return isHorizontalSide ? {
+    left: edgeValue,
+    top: undefined
+  } : {
+    left: undefined,
+    top: edgeValue
+  };
+};
+var Tooltip$1 = /*#__PURE__*/React.forwardRef(function (props, propRef) {
+  var _middlewareData$arrow, _middlewareData$arrow2;
+  var children = props.children,
+    _props$position = props.position,
+    position = _props$position === void 0 ? 'top' : _props$position,
+    _props$pointerPositio = props.pointerPosition,
+    pointerPosition = _props$pointerPositio === void 0 ? 'center' : _props$pointerPositio,
+    content = props.content,
+    _props$interactive = props.interactive,
+    interactive = _props$interactive === void 0 ? false : _props$interactive,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$showPointer = props.showPointer,
+    showPointer = _props$showPointer === void 0 ? true : _props$showPointer;
+  var arrowEl = React.useRef(null);
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useFloating = useFloating({
+      open: open,
+      onOpenChange: setOpen,
+      placement: position,
+      whileElementsMounted: autoUpdate,
+      middleware: [offset(showPointer ? 12 : 8), flip(), shift({
+        padding: 8
+      }), arrow({
+        element: arrowEl
+      })]
+    }),
+    x = _useFloating.x,
+    y = _useFloating.y,
+    reference = _useFloating.reference,
+    floating = _useFloating.floating,
+    strategy = _useFloating.strategy,
+    context = _useFloating.context,
+    middlewareData = _useFloating.middlewareData,
+    placement = _useFloating.placement;
+  // Adding a slight delay on close if interactive makes bridging the arrow gap much easier for the mouse cursor natively.
+  var hover = useHover(context, {
+    move: true,
+    delay: {
+      open: 0,
+      close: interactive ? 150 : 0
+    }
+  });
+  var focus = useFocus(context);
+  var dismiss = useDismiss(context);
+  var role = useRole(context, {
+    role: 'tooltip'
+  });
+  var _useInteractions = useInteractions([hover, focus, dismiss, role]),
+    getReferenceProps = _useInteractions.getReferenceProps,
+    getFloatingProps = _useInteractions.getFloatingProps;
+  var typedChildren = children;
+  var childrenRef = typedChildren.ref;
+  var ref = React.useMemo(function () {
+    return o([reference, childrenRef, propRef]);
+  }, [reference, childrenRef, propRef]);
+  var clonedChildren = /*#__PURE__*/React.cloneElement(children, getReferenceProps(_objectSpread2({
+    ref: ref
+  }, typedChildren.props)));
+  var side = (placement || position).split('-')[0];
+  var staticSideMapping = {
+    top: 'bottom',
+    right: 'left',
+    bottom: 'top',
+    left: 'right'
+  };
+  var staticSide = staticSideMapping[side];
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [clonedChildren, jsxRuntime.jsx(Popper, {
+      open: open && content != null,
+      backdrop: false,
+      lockScroll: false,
+      wrapperId: "v2-tooltip-portal",
+      children: jsxRuntime.jsx(framerMotion.AnimatePresence, {
+        children: open && content != null && jsxRuntime.jsxs(framerMotion.motion.div, _objectSpread2(_objectSpread2({}, getFloatingProps({
+          ref: floating,
+          className: classes(modules_e4619b04$1.tooltip, interactive ? modules_e4619b04$1.interactive : '', className),
+          style: {
+            position: strategy,
+            top: y !== null && y !== void 0 ? y : 0,
+            left: x !== null && x !== void 0 ? x : 0,
+            zIndex: 1050
+          }
+        })), {}, {
+          initial: {
+            opacity: 0,
+            scale: 0.95
+          },
+          animate: {
+            opacity: 1,
+            scale: 1
+          },
+          exit: {
+            opacity: 0,
+            scale: 0.95
+          },
+          transition: {
+            duration: 0.15,
+            ease: "easeOut"
+          },
+          children: [showPointer && jsxRuntime.jsx("div", {
+            className: modules_e4619b04$1.arrow,
+            ref: arrowEl,
+            style: _objectSpread2(_objectSpread2({}, getPointerStyle({
+              side: side,
+              pointerPosition: pointerPosition,
+              arrowX: (_middlewareData$arrow = middlewareData.arrow) === null || _middlewareData$arrow === void 0 ? void 0 : _middlewareData$arrow.x,
+              arrowY: (_middlewareData$arrow2 = middlewareData.arrow) === null || _middlewareData$arrow2 === void 0 ? void 0 : _middlewareData$arrow2.y
+            })), {}, _defineProperty({
+              right: undefined,
+              bottom: undefined
+            }, staticSide, '-4px'))
+          }), typeof content === 'string' ? jsxRuntime.jsx(Text$1, {
+            className: modules_e4619b04$1.textContent,
+            children: content
+          }) : content]
+        }))
+      })
+    })]
+  });
+});
+Tooltip$1.displayName = 'Tooltip';
+
+var css$z = ".TextField_module_textField__15d88237 {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  width: 100%;\n  min-width: 320px;\n}\n\n.TextField_module_labelContainer__15d88237 {\n  display: flex;\n  gap: 2px;\n  align-items: center;\n}\n.TextField_module_labelContainer__15d88237 .TextField_module_label__15d88237 {\n  font-family: Jakarta;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 20px;\n  color: #414651;\n}\n.TextField_module_labelContainer__15d88237 .TextField_module_required__15d88237 {\n  font-family: Jakarta;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 20px;\n  color: #175cd3;\n}\n.TextField_module_labelContainer__15d88237 .TextField_module_helpIcon__15d88237 {\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n}\n.TextField_module_labelContainer__15d88237 .TextField_module_helpIcon__15d88237 svg {\n  width: 100%;\n  height: 100%;\n  color: #535862;\n}\n\n.TextField_module_inputContainer__15d88237 {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: stretch;\n  border-radius: 6px;\n  transition: all 0.2s ease-in-out;\n  overflow: hidden;\n}\n.TextField_module_inputContainer__15d88237.TextField_module_sm__15d88237 {\n  height: 40px;\n  padding: 0;\n}\n.TextField_module_inputContainer__15d88237.TextField_module_md__15d88237 {\n  height: 44px;\n  padding: 0;\n}\n.TextField_module_inputContainer__15d88237.TextField_module_inputContainerWithLeadingDropdown__15d88237 .TextField_module_inputInner__15d88237, .TextField_module_inputContainer__15d88237.TextField_module_inputContainerWithTrailingDropdown__15d88237 .TextField_module_inputInner__15d88237 {\n  padding: 0px;\n}\n\n.TextField_module_inputInner__15d88237 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex: 1;\n  min-width: 0;\n  height: 100%;\n  padding: 10px 12px;\n}\n\n.TextField_module_inputContainer__15d88237.TextField_module_activeTyping__15d88237 .TextField_module_inputInner__15d88237,\n.TextField_module_inputContainer__15d88237.TextField_module_activeTyping__15d88237 .TextField_module_inputInner__15d88237,\n.TextField_module_inputContainer__15d88237.TextField_module_errorFilled__15d88237 .TextField_module_inputInner__15d88237,\n.TextField_module_inputContainer__15d88237.TextField_module_errorFilled__15d88237 .TextField_module_inputInner__15d88237 {\n  padding: 9.5px 11.5px;\n}\n\n.TextField_module_inputInnerWithLeadingText__15d88237 {\n  padding-left: 12px;\n}\n\n.TextField_module_inputInnerWithLeadingDropdown__15d88237 {\n  padding-left: 12px;\n  flex: 1;\n}\n\n.TextField_module_inputContainer__15d88237.TextField_module_activeTyping__15d88237 .TextField_module_inputInnerWithLeadingText__15d88237,\n.TextField_module_inputContainer__15d88237.TextField_module_activeTyping__15d88237 .TextField_module_inputInnerWithLeadingText__15d88237,\n.TextField_module_inputContainer__15d88237.TextField_module_errorFilled__15d88237 .TextField_module_inputInnerWithLeadingText__15d88237,\n.TextField_module_inputContainer__15d88237.TextField_module_errorFilled__15d88237 .TextField_module_inputInnerWithLeadingText__15d88237 {\n  padding-left: 11.5px;\n}\n\n.TextField_module_contentArea__15d88237 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex: 1;\n  min-width: 0;\n  position: relative;\n}\n\n.TextField_module_trailingArea__15d88237 {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-shrink: 0;\n}\n\n.TextField_module_leadingIcon__15d88237 {\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n}\n.TextField_module_leadingIcon__15d88237 svg {\n  width: 100%;\n  height: 100%;\n}\n\n.TextField_module_leadingText__15d88237 {\n  display: flex;\n  align-items: center;\n  height: 100%;\n  padding: 0 12px;\n  border-right: 1px solid #d5d7da;\n  flex-shrink: 0;\n}\n.TextField_module_leadingText__15d88237 .TextField_module_leadingTextContent__15d88237 {\n  font-family: Jakarta;\n  font-weight: 400;\n  font-size: 16px;\n  line-height: 24px;\n  color: #535862;\n  white-space: nowrap;\n}\n\n.TextField_module_leadingDropdownWrapper__15d88237 {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  height: 100%;\n  padding-left: 12px;\n}\n\n.TextField_module_inputFieldArea__15d88237 {\n  display: flex;\n  flex: 1;\n  min-width: 0;\n  height: 40px;\n  align-items: center;\n  padding: 10px 12px;\n  gap: 8px;\n}\n.TextField_module_inputFieldArea__15d88237.TextField_module_inputFieldAreaWithLeadingDropdown__15d88237 {\n  padding-left: 12px;\n}\n.TextField_module_inputFieldArea__15d88237.TextField_module_inputFieldAreaWithLeadingText__15d88237 {\n  padding-left: 8px;\n}\n\n.TextField_module_inputContent__15d88237 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex: 1;\n  min-width: 0;\n}\n\n.TextField_module_trailingDropdown__15d88237 {\n  display: flex;\n  align-items: center;\n  height: 100%;\n  flex-shrink: 0;\n}\n.TextField_module_trailingDropdown__15d88237 .TextField_module_dropdownContainer__15d88237 {\n  padding: 0 12px !important;\n}\n\n.TextField_module_inlineDropdown__15d88237 {\n  gap: 0;\n  min-width: fit-content;\n  width: fit-content;\n}\n.TextField_module_inlineDropdown__15d88237 .TextField_module_labelContainer__15d88237,\n.TextField_module_inlineDropdown__15d88237 .TextField_module_helperText__15d88237 {\n  display: none;\n}\n.TextField_module_inlineDropdown__15d88237 div > button > span > span > div > span {\n  font-size: 16px !important;\n  line-height: 24px !important;\n  color: #535862 !important;\n  font-weight: 400 !important;\n  white-space: nowrap !important;\n}\n.TextField_module_inlineDropdown__15d88237 div > button {\n  min-width: fit-content !important;\n  width: fit-content !important;\n  max-width: none !important;\n  height: 40px !important;\n  padding: 10px 12px !important;\n}\n.TextField_module_inlineDropdown__15d88237 div > button > span > span > div:first-child {\n  gap: 1px !important;\n  flex-shrink: 0 !important;\n}\n.TextField_module_inlineDropdown__15d88237 div > button > span > span[data-elem=title] {\n  gap: 1px !important;\n  flex-shrink: 0 !important;\n}\n.TextField_module_inlineDropdown__15d88237 div > button > span > span[data-elem=title] div svg {\n  width: 16px !important;\n  height: 16px !important;\n}\n\n.TextField_module_leadingDropdownPopover__15d88237 {\n  transform: translateX(-12px);\n}\n\n.TextField_module_trailingDropdownPopover__15d88237 {\n  transform: translateX(-24px);\n}\n\n.TextField_module_trailingArea__15d88237 .TextField_module_helpIcon__15d88237,\n.TextField_module_trailingArea__15d88237 .TextField_module_rightIcon__15d88237,\n.TextField_module_trailingArea__15d88237 .TextField_module_statusIcon__15d88237 {\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n}\n.TextField_module_trailingArea__15d88237 .TextField_module_helpIcon__15d88237 svg,\n.TextField_module_trailingArea__15d88237 .TextField_module_rightIcon__15d88237 svg,\n.TextField_module_trailingArea__15d88237 .TextField_module_statusIcon__15d88237 svg {\n  width: 100%;\n  height: 100%;\n}\n.TextField_module_trailingArea__15d88237 .TextField_module_helpIcon__15d88237 .TextField_module_iconComponent__15d88237,\n.TextField_module_trailingArea__15d88237 .TextField_module_rightIcon__15d88237 .TextField_module_iconComponent__15d88237,\n.TextField_module_trailingArea__15d88237 .TextField_module_statusIcon__15d88237 .TextField_module_iconComponent__15d88237 {\n  width: 100%;\n  height: 100%;\n}\n\n.TextField_module_inputText__15d88237 {\n  font-family: Jakarta;\n  font-weight: 400;\n  font-size: 16px;\n  line-height: 24px;\n  white-space: pre;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex: 1;\n  min-width: 0;\n}\n.TextField_module_inputText__15d88237.TextField_module_textPrimary__15d88237 {\n  color: #181d27;\n}\n.TextField_module_inputText__15d88237.TextField_module_textPlaceholder__15d88237 {\n  color: #a4a7ae;\n}\n.TextField_module_inputText__15d88237.TextField_module_textDisabled__15d88237 {\n  color: #a4a7ae;\n}\n\n.TextField_module_mainInput__15d88237 {\n  flex: 1;\n  min-width: 0;\n  border: none;\n  outline: none;\n  background: transparent;\n  cursor: inherit;\n  font-size: 16px;\n  font-family: Jakarta;\n  font-weight: 400;\n  line-height: 24px;\n  color: #181d27;\n  white-space: pre;\n  caret-color: #181d27;\n}\n.TextField_module_mainInput__15d88237::placeholder {\n  color: #a4a7ae;\n}\n.TextField_module_mainInput__15d88237:disabled {\n  color: #a4a7ae;\n  cursor: not-allowed;\n  caret-color: #a4a7ae;\n}\n.TextField_module_mainInput__15d88237::selection {\n  background: #175cd3;\n  color: white;\n}\n.TextField_module_mainInput__15d88237:focus {\n  outline: none;\n  caret-color: #181d27;\n}\n\n.TextField_module_hiddenInput__15d88237 {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  border: none;\n  outline: none;\n  background: transparent;\n  cursor: inherit;\n  font-size: 16px;\n  font-family: Jakarta;\n  font-weight: 400;\n  line-height: 24px;\n  color: #181d27;\n}\n.TextField_module_hiddenInput__15d88237.TextField_module_visibleInput__15d88237 {\n  opacity: 1;\n  color: #181d27;\n}\n\n.TextField_module_blinkingCursor__15d88237 {\n  color: #181d27;\n  font-weight: 400;\n  animation: TextField_module_blink__15d88237 1s infinite;\n  margin-left: 0;\n  user-select: none;\n}\n\n@keyframes TextField_module_blink__15d88237 {\n  0%, 50% {\n    opacity: 1;\n  }\n  51%, 100% {\n    opacity: 0;\n  }\n}\n.TextField_module_helperText__15d88237 {\n  font-family: Jakarta;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 20px;\n}\n.TextField_module_helperText__15d88237.TextField_module_helperDefault__15d88237 {\n  color: #535862;\n}\n.TextField_module_helperText__15d88237.TextField_module_helperError__15d88237 {\n  color: #d92d20;\n}\n.TextField_module_helperText__15d88237.TextField_module_helperWarning__15d88237 {\n  color: #dc6803;\n}\n\n.TextField_module_inputContainer__15d88237.TextField_module_default__15d88237 {\n  background: white;\n  border: 1px solid #d5d7da;\n  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);\n}\n.TextField_module_inputContainer__15d88237.TextField_module_default__15d88237:hover {\n  border-color: #b2b5bb;\n}\n\n.TextField_module_inputContainer__15d88237.TextField_module_filled__15d88237 {\n  background: white;\n  border: 1px solid #d5d7da;\n  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);\n}\n.TextField_module_inputContainer__15d88237.TextField_module_filled__15d88237:hover {\n  border-color: #b2b5bb;\n}\n\n.TextField_module_inputContainer__15d88237.TextField_module_activeTyping__15d88237,\n.TextField_module_inputContainer__15d88237.TextField_module_activeTyping__15d88237 {\n  background: white;\n  border: 1.5px solid #2e90fa;\n  box-shadow: none;\n}\n\n.TextField_module_inputContainer__15d88237.TextField_module_filledFocus__15d88237,\n.TextField_module_inputContainer__15d88237.TextField_module_filledFocus__15d88237 {\n  background: white;\n  border: 1px solid #d5d7da;\n  box-shadow: 0px 0px 0px 2px white, 0px 0px 0px 4px #1570ef;\n}\n\n.TextField_module_inputContainer__15d88237.TextField_module_errorFocus__15d88237,\n.TextField_module_inputContainer__15d88237.TextField_module_errorFocus__15d88237 {\n  background: white;\n  border: 1px solid #d5d7da;\n  box-shadow: 0px 0px 0px 2px white, 0px 0px 0px 4px #f04438;\n}\n\n.TextField_module_inputContainer__15d88237.TextField_module_errorFilled__15d88237,\n.TextField_module_inputContainer__15d88237.TextField_module_errorFilled__15d88237 {\n  background: white;\n  border: 1.5px solid #f04438;\n  box-shadow: none;\n}\n.TextField_module_inputContainer__15d88237.TextField_module_errorFilled__15d88237 .TextField_module_statusIcon__15d88237 svg,\n.TextField_module_inputContainer__15d88237.TextField_module_errorFilled__15d88237 .TextField_module_statusIcon__15d88237 svg {\n  color: #f04438;\n  fill: #f04438;\n}\n\n.TextField_module_inputContainer__15d88237.TextField_module_warning__15d88237 {\n  background: white;\n  border: 1px solid #d5d7da;\n  box-shadow: none;\n}\n.TextField_module_inputContainer__15d88237.TextField_module_warning__15d88237 .TextField_module_statusIcon__15d88237 svg {\n  color: #dc6803;\n  fill: #dc6803;\n}\n\n.TextField_module_inputContainer__15d88237.TextField_module_disable__15d88237 {\n  background: #fafafa;\n  border: 1px solid #d5d7da;\n  box-shadow: none;\n  cursor: not-allowed;\n}\n.TextField_module_inputContainer__15d88237.TextField_module_disable__15d88237 .TextField_module_leadingIcon__15d88237,\n.TextField_module_inputContainer__15d88237.TextField_module_disable__15d88237 .TextField_module_trailingArea__15d88237 .TextField_module_helpIcon__15d88237,\n.TextField_module_inputContainer__15d88237.TextField_module_disable__15d88237 .TextField_module_trailingArea__15d88237 .TextField_module_rightIcon__15d88237,\n.TextField_module_inputContainer__15d88237.TextField_module_disable__15d88237 .TextField_module_trailingArea__15d88237 .TextField_module_statusIcon__15d88237 {\n  opacity: 0.5;\n}\n.TextField_module_inputContainer__15d88237.TextField_module_disable__15d88237 .TextField_module_hiddenInput__15d88237 {\n  cursor: not-allowed;\n}\n\n@media (max-width: 768px) {\n  .TextField_module_textField__15d88237 {\n    max-width: 100%;\n  }\n  .TextField_module_inputText__15d88237 {\n    font-size: 16px;\n  }\n}\n.TextField_module_inputWrapper__15d88237 {\n  display: flex;\n  width: 100%;\n  border-radius: 6px;\n}\n\n.TextField_module_inputWrapperWithTrailingButton__15d88237 .TextField_module_inputContainer__15d88237 {\n  flex: 1;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  border-right: none;\n}\n.TextField_module_inputWrapperWithTrailingButton__15d88237 .TextField_module_inputContainer__15d88237.TextField_module_filledFocus__15d88237,\n.TextField_module_inputWrapperWithTrailingButton__15d88237 .TextField_module_inputContainer__15d88237.TextField_module_errorFocus__15d88237 {\n  border: 1px solid #d5d7da !important;\n  border-right: none !important;\n  box-shadow: none !important;\n}\n.TextField_module_inputWrapperWithTrailingButton__15d88237 .TextField_module_inputContainer__15d88237.TextField_module_activeTyping__15d88237 + .TextField_module_trailingButton__15d88237 {\n  border-top: 1.5px solid #2e90fa !important;\n  border-right: 1.5px solid #2e90fa !important;\n  border-bottom: 1.5px solid #2e90fa !important;\n  border-left: 1px solid #d5d7da !important;\n  padding: 9.5px 11.5px !important;\n  transition: all 0.2s ease-in-out !important;\n}\n.TextField_module_inputWrapperWithTrailingButton__15d88237 .TextField_module_inputContainer__15d88237.TextField_module_errorFilled__15d88237 + .TextField_module_trailingButton__15d88237 {\n  border-top: 1.5px solid #f04438 !important;\n  border-right: 1.5px solid #f04438 !important;\n  border-bottom: 1.5px solid #f04438 !important;\n  border-left: 1px solid #d5d7da !important;\n}\n.TextField_module_inputWrapperWithTrailingButton__15d88237.TextField_module_wrapperFilledFocus__15d88237 {\n  border-radius: 6px;\n  box-shadow: 0px 0px 0px 2px white, 0px 0px 0px 4px #1570ef;\n  transition: box-shadow 0.2s ease-in-out;\n}\n.TextField_module_inputWrapperWithTrailingButton__15d88237.TextField_module_wrapperErrorFocus__15d88237 {\n  border-radius: 6px;\n  box-shadow: 0px 0px 0px 2px white, 0px 0px 0px 4px #f04438;\n  transition: box-shadow 0.2s ease-in-out;\n}\n\n.TextField_module_trailingButton__15d88237 {\n  display: flex !important;\n  align-items: center !important;\n  gap: 6px !important;\n  padding: 10px 12px !important;\n  border-top-left-radius: 0 !important;\n  border-bottom-left-radius: 0 !important;\n  border-top-right-radius: 6px !important;\n  border-bottom-right-radius: 6px !important;\n  border: 1px solid #d5d7da !important;\n  border-left: 1px solid #d5d7da !important;\n  background: white !important;\n  cursor: pointer !important;\n  transition: all 0.2s ease-in-out !important;\n  height: 44px !important;\n  flex-shrink: 0 !important;\n  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06) !important;\n  font-family: Jakarta !important;\n  font-weight: 500 !important;\n  font-size: 14px !important;\n  line-height: 20px !important;\n  color: #535862 !important;\n  text-decoration: none !important;\n  min-width: unset !important;\n  max-width: unset !important;\n  width: auto !important;\n}\n.TextField_module_trailingButton__15d88237:hover {\n  background: #f8f9fa !important;\n  border-color: #b2b5bb !important;\n  border-left-color: #d5d7da !important;\n  color: #535862 !important;\n  text-decoration: none !important;\n}\n.TextField_module_trailingButton__15d88237:focus {\n  outline: none !important;\n  text-decoration: none !important;\n}\n.TextField_module_trailingButton__15d88237:active {\n  text-decoration: none !important;\n}\n.TextField_module_trailingButton__15d88237 svg {\n  width: 20px !important;\n  height: 20px !important;\n  color: #535862 !important;\n  flex-shrink: 0 !important;\n}\n.TextField_module_trailingButton__15d88237.TextField_module_sm__15d88237 {\n  height: 40px !important;\n}\n.TextField_module_trailingButton__15d88237.TextField_module_md__15d88237 {\n  height: 44px !important;\n}\n\n.TextField_module_trailingButtonIcon__15d88237 {\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n}\n.TextField_module_trailingButtonIcon__15d88237 svg {\n  width: 100%;\n  height: 100%;\n  color: #535862;\n}\n\n.TextField_module_trailingButtonText__15d88237 {\n  font-family: Jakarta;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 20px;\n  color: #535862;\n  white-space: nowrap;\n}\n\n.TextField_module_disableTrailingButton__15d88237 {\n  background: #fafafa !important;\n  border-color: #d5d7da !important;\n  border-left-color: #d5d7da !important;\n  box-shadow: none !important;\n  cursor: not-allowed !important;\n  color: #535862 !important;\n  opacity: 0.5 !important;\n}\n.TextField_module_disableTrailingButton__15d88237:hover {\n  background: #fafafa !important;\n  border-color: #d5d7da !important;\n  border-left-color: #d5d7da !important;\n  cursor: not-allowed !important;\n}\n.TextField_module_disableTrailingButton__15d88237 svg {\n  opacity: 0.5 !important;\n}\n\n.TextField_module_errorFilledTrailingButton__15d88237,\n.TextField_module_errorFilledTrailingButton__15d88237 {\n  border: 1.5px solid #f04438;\n  border-left: 1px solid #d5d7da;\n  box-shadow: none;\n}\n\n.TextField_module_warningTrailingButton__15d88237 {\n  border-color: #d5d7da;\n  box-shadow: none;\n}\n\n.TextField_module_disableTrailingButton__15d88237 {\n  background: #fafafa;\n  border-color: #d5d7da;\n  box-shadow: none;\n  cursor: not-allowed;\n}\n.TextField_module_disableTrailingButton__15d88237 .TextField_module_trailingButtonIcon__15d88237,\n.TextField_module_disableTrailingButton__15d88237 .TextField_module_trailingButtonText__15d88237 {\n  opacity: 0.5;\n}";
+var modules_555c3abf = {"textField":"TextField_module_textField__15d88237","labelContainer":"TextField_module_labelContainer__15d88237","label":"TextField_module_label__15d88237","required":"TextField_module_required__15d88237","helpIcon":"TextField_module_helpIcon__15d88237","inputContainer":"TextField_module_inputContainer__15d88237","sm":"TextField_module_sm__15d88237","md":"TextField_module_md__15d88237","inputContainerWithLeadingDropdown":"TextField_module_inputContainerWithLeadingDropdown__15d88237","inputInner":"TextField_module_inputInner__15d88237","inputContainerWithTrailingDropdown":"TextField_module_inputContainerWithTrailingDropdown__15d88237","activeTyping":"TextField_module_activeTyping__15d88237","active-typing":"TextField_module_activeTyping__15d88237","errorFilled":"TextField_module_errorFilled__15d88237","error-filled":"TextField_module_errorFilled__15d88237","inputInnerWithLeadingText":"TextField_module_inputInnerWithLeadingText__15d88237","inputInnerWithLeadingDropdown":"TextField_module_inputInnerWithLeadingDropdown__15d88237","contentArea":"TextField_module_contentArea__15d88237","trailingArea":"TextField_module_trailingArea__15d88237","leadingIcon":"TextField_module_leadingIcon__15d88237","leadingText":"TextField_module_leadingText__15d88237","leadingTextContent":"TextField_module_leadingTextContent__15d88237","leadingDropdownWrapper":"TextField_module_leadingDropdownWrapper__15d88237","inputFieldArea":"TextField_module_inputFieldArea__15d88237","inputFieldAreaWithLeadingDropdown":"TextField_module_inputFieldAreaWithLeadingDropdown__15d88237","inputFieldAreaWithLeadingText":"TextField_module_inputFieldAreaWithLeadingText__15d88237","inputContent":"TextField_module_inputContent__15d88237","trailingDropdown":"TextField_module_trailingDropdown__15d88237","dropdownContainer":"TextField_module_dropdownContainer__15d88237","inlineDropdown":"TextField_module_inlineDropdown__15d88237","helperText":"TextField_module_helperText__15d88237","leadingDropdownPopover":"TextField_module_leadingDropdownPopover__15d88237","trailingDropdownPopover":"TextField_module_trailingDropdownPopover__15d88237","rightIcon":"TextField_module_rightIcon__15d88237","statusIcon":"TextField_module_statusIcon__15d88237","iconComponent":"TextField_module_iconComponent__15d88237","inputText":"TextField_module_inputText__15d88237","textPrimary":"TextField_module_textPrimary__15d88237","textPlaceholder":"TextField_module_textPlaceholder__15d88237","textDisabled":"TextField_module_textDisabled__15d88237","mainInput":"TextField_module_mainInput__15d88237","hiddenInput":"TextField_module_hiddenInput__15d88237","visibleInput":"TextField_module_visibleInput__15d88237","blinkingCursor":"TextField_module_blinkingCursor__15d88237","blink":"TextField_module_blink__15d88237","helperDefault":"TextField_module_helperDefault__15d88237","helperError":"TextField_module_helperError__15d88237","helperWarning":"TextField_module_helperWarning__15d88237","default":"TextField_module_default__15d88237","filled":"TextField_module_filled__15d88237","filledFocus":"TextField_module_filledFocus__15d88237","filled-focus":"TextField_module_filledFocus__15d88237","errorFocus":"TextField_module_errorFocus__15d88237","error-focus":"TextField_module_errorFocus__15d88237","warning":"TextField_module_warning__15d88237","disable":"TextField_module_disable__15d88237","inputWrapper":"TextField_module_inputWrapper__15d88237","inputWrapperWithTrailingButton":"TextField_module_inputWrapperWithTrailingButton__15d88237","trailingButton":"TextField_module_trailingButton__15d88237","wrapperFilledFocus":"TextField_module_wrapperFilledFocus__15d88237","wrapperErrorFocus":"TextField_module_wrapperErrorFocus__15d88237","trailingButtonIcon":"TextField_module_trailingButtonIcon__15d88237","trailingButtonText":"TextField_module_trailingButtonText__15d88237","disableTrailingButton":"TextField_module_disableTrailingButton__15d88237","errorFilledTrailingButton":"TextField_module_errorFilledTrailingButton__15d88237","error-filledTrailingButton":"TextField_module_errorFilledTrailingButton__15d88237","warningTrailingButton":"TextField_module_warningTrailingButton__15d88237"};
+n(css$z,{});
+
+var _excluded$5 = ["label", "placeholder", "helperText", "value", "defaultValue", "state", "size", "type", "required", "disabled", "leadingIcon", "leadingIconComponent", "leadingText", "trailingButton", "trailingButtonText", "trailingButtonIcon", "trailingButtonIconComponent", "trailingButtonOnClick", "helpIcon", "helpText", "rightIcon", "leadingDropdown", "leadingDropdownOptions", "leadingDropdownValue", "leadingDropdownDefaultValue", "leadingDropdownPlaceholder", "trailingDropdown", "trailingDropdownOptions", "trailingDropdownValue", "trailingDropdownDefaultValue", "trailingDropdownPlaceholder", "onChange", "onFocus", "onBlur", "onLeadingDropdownChange", "onTrailingDropdownChange", "className", "id", "name", "autoComplete", "autoFocus", "readOnly", "unstyled"];
+var TextField$1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var label = _ref.label,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? 'Optional placeholder text' : _ref$placeholder,
+    _ref$helperText = _ref.helperText,
+    helperText = _ref$helperText === void 0 ? 'Helper text' : _ref$helperText,
+    value = _ref.value,
+    defaultValue = _ref.defaultValue,
+    _ref$state = _ref.state,
+    state = _ref$state === void 0 ? 'default' : _ref$state,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'sm' : _ref$size;
+    _ref.type;
+    var _ref$required = _ref.required,
+    required = _ref$required === void 0 ? true : _ref$required,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$leadingIcon = _ref.leadingIcon,
+    leadingIcon = _ref$leadingIcon === void 0 ? true : _ref$leadingIcon,
+    LeadingIconComponent = _ref.leadingIconComponent,
+    leadingText = _ref.leadingText,
+    trailingButton = _ref.trailingButton,
+    _ref$trailingButtonTe = _ref.trailingButtonText,
+    trailingButtonText = _ref$trailingButtonTe === void 0 ? 'Copy' : _ref$trailingButtonTe,
+    trailingButtonIcon = _ref.trailingButtonIcon,
+    TrailingButtonIconComponent = _ref.trailingButtonIconComponent,
+    trailingButtonOnClick = _ref.trailingButtonOnClick,
+    _ref$helpIcon = _ref.helpIcon,
+    helpIcon = _ref$helpIcon === void 0 ? true : _ref$helpIcon,
+    helpText = _ref.helpText,
+    rightIcon = _ref.rightIcon,
+    leadingDropdown = _ref.leadingDropdown,
+    _ref$leadingDropdownO = _ref.leadingDropdownOptions,
+    leadingDropdownOptions = _ref$leadingDropdownO === void 0 ? [] : _ref$leadingDropdownO,
+    leadingDropdownValue = _ref.leadingDropdownValue,
+    leadingDropdownDefaultValue = _ref.leadingDropdownDefaultValue,
+    _ref$leadingDropdownP = _ref.leadingDropdownPlaceholder,
+    leadingDropdownPlaceholder = _ref$leadingDropdownP === void 0 ? 'Select' : _ref$leadingDropdownP,
+    trailingDropdown = _ref.trailingDropdown,
+    _ref$trailingDropdown = _ref.trailingDropdownOptions,
+    trailingDropdownOptions = _ref$trailingDropdown === void 0 ? [] : _ref$trailingDropdown,
+    trailingDropdownValue = _ref.trailingDropdownValue,
+    trailingDropdownDefaultValue = _ref.trailingDropdownDefaultValue,
+    _ref$trailingDropdown2 = _ref.trailingDropdownPlaceholder,
+    trailingDropdownPlaceholder = _ref$trailingDropdown2 === void 0 ? 'Select' : _ref$trailingDropdown2,
+    onChange = _ref.onChange,
+    onFocus = _ref.onFocus,
+    onBlur = _ref.onBlur,
+    onLeadingDropdownChange = _ref.onLeadingDropdownChange,
+    onTrailingDropdownChange = _ref.onTrailingDropdownChange,
+    className = _ref.className,
+    id = _ref.id,
+    name = _ref.name,
+    autoComplete = _ref.autoComplete,
+    autoFocus = _ref.autoFocus,
+    readOnly = _ref.readOnly,
+    _ref$unstyled = _ref.unstyled,
+    unstyled = _ref$unstyled === void 0 ? false : _ref$unstyled,
+    props = _objectWithoutProperties(_ref, _excluded$5);
+  var _useState = React.useState(defaultValue || ''),
+    _useState2 = _slicedToArray(_useState, 2),
+    internalValue = _useState2[0],
+    setInternalValue = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isFocused = _useState4[0],
+    setIsFocused = _useState4[1];
+  // Dropdown state management
+  var _useState5 = React.useState(leadingDropdownDefaultValue || ''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    internalLeadingDropdownValue = _useState6[0],
+    setInternalLeadingDropdownValue = _useState6[1];
+  var _useState7 = React.useState(trailingDropdownDefaultValue || ''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    internalTrailingDropdownValue = _useState8[0],
+    setInternalTrailingDropdownValue = _useState8[1];
+  // Determine current display values
+  var displayValue = value !== undefined ? value : internalValue;
+  var displayLeadingDropdownValue = leadingDropdownValue !== undefined ? leadingDropdownValue : internalLeadingDropdownValue;
+  var displayTrailingDropdownValue = trailingDropdownValue !== undefined ? trailingDropdownValue : internalTrailingDropdownValue;
+  // Determine actual state based on props and internal state
+  var getActualState = function getActualState() {
+    if (disabled) return 'disable';
+    if (state !== 'default') return state;
+    // Auto-determine state based on content and focus
+    if (isFocused && displayValue) return 'filled-focus';
+    if (isFocused && !displayValue) return 'active-typing';
+    if (!isFocused && displayValue) return 'filled';
+    return 'default';
+  };
+  var actualState = getActualState();
+  // Determine helper text color
+  var getHelperTextClass = function getHelperTextClass() {
+    switch (actualState) {
+      case 'error-focus':
+      case 'error-filled':
+        return modules_555c3abf.helperError;
+      case 'warning':
+        return modules_555c3abf.helperWarning;
+      default:
+        return modules_555c3abf.helperDefault;
+    }
+  };
+  // Show status icon (error/warning)
+  var showStatusIcon = function showStatusIcon() {
+    return actualState === 'error-filled' || actualState === 'warning';
+  };
+  // Get appropriate status icon
+  var getStatusIcon = function getStatusIcon() {
+    switch (actualState) {
+      case 'error-filled':
+      case 'error-focus':
+        return jsxRuntime.jsx(Error$1, {
+          hexagon: true
+        });
+      case 'warning':
+        return jsxRuntime.jsx(Warning, {
+          hexagon: true
+        });
+      default:
+        return null;
+    }
+  };
+  // Handle input change
+  var handleChange = function handleChange(e) {
+    var newValue = e.target.value;
+    if (value === undefined) {
+      setInternalValue(newValue);
+    }
+    onChange === null || onChange === void 0 || onChange(e);
+  };
+  // Handle focus
+  var handleFocus = function handleFocus(e) {
+    setIsFocused(true);
+    // Position cursor at the end of existing text to prevent text clearing
+    setTimeout(function () {
+      if (e.target && displayValue) {
+        e.target.setSelectionRange(displayValue.length, displayValue.length);
+      }
+    }, 0);
+    onFocus === null || onFocus === void 0 || onFocus(e);
+  };
+  // Handle blur
+  var handleBlur = function handleBlur(e) {
+    setIsFocused(false);
+    onBlur === null || onBlur === void 0 || onBlur(e);
+  };
+  // Handle dropdown changes
+  var handleLeadingDropdownChange = function handleLeadingDropdownChange(dropdownValue) {
+    if (leadingDropdownValue === undefined) {
+      setInternalLeadingDropdownValue(dropdownValue);
+    }
+    onLeadingDropdownChange === null || onLeadingDropdownChange === void 0 || onLeadingDropdownChange(dropdownValue);
+  };
+  var handleTrailingDropdownChange = function handleTrailingDropdownChange(dropdownValue) {
+    if (trailingDropdownValue === undefined) {
+      setInternalTrailingDropdownValue(dropdownValue);
+    }
+    onTrailingDropdownChange === null || onTrailingDropdownChange === void 0 || onTrailingDropdownChange(dropdownValue);
+  };
+  // Return unstyled input if requested
+  if (unstyled) {
+    return jsxRuntime.jsx("input", _objectSpread2({
+      ref: ref,
+      type: 'text',
+      value: displayValue,
+      placeholder: placeholder,
+      onChange: handleChange,
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      disabled: disabled,
+      readOnly: readOnly,
+      className: className,
+      id: id,
+      name: name,
+      autoComplete: autoComplete,
+      autoFocus: autoFocus
+    }, props));
+  }
+  return jsxRuntime.jsxs("div", {
+    className: classes(modules_555c3abf.textField, className),
+    children: [label && jsxRuntime.jsxs("div", {
+      className: modules_555c3abf.labelContainer,
+      children: [jsxRuntime.jsx("span", {
+        className: modules_555c3abf.label,
+        children: label
+      }), required && jsxRuntime.jsx("span", {
+        className: modules_555c3abf.required,
+        children: "*"
+      }), helpIcon && jsxRuntime.jsx(Tooltip$1, {
+        content: helpText || 'Additional information about this field',
+        position: 'top',
+        children: jsxRuntime.jsx("div", {
+          className: modules_555c3abf.helpIcon,
+          children: jsxRuntime.jsx(Help, {})
+        })
+      })]
+    }), jsxRuntime.jsxs("div", {
+      className: classes(modules_555c3abf.inputWrapper, trailingButton && modules_555c3abf.inputWrapperWithTrailingButton, trailingButton && actualState === 'filled-focus' && modules_555c3abf.wrapperFilledFocus, trailingButton && actualState === 'error-focus' && modules_555c3abf.wrapperErrorFocus),
+      children: [jsxRuntime.jsxs("div", {
+        className: classes(modules_555c3abf.inputContainer, modules_555c3abf[actualState], modules_555c3abf[size], trailingButton && modules_555c3abf.inputContainerWithTrailingButton),
+        children: [leadingDropdown && jsxRuntime.jsx("div", {
+          className: modules_555c3abf.leadingDropdownWrapper,
+          children: jsxRuntime.jsx(Dropdown$1, {
+            options: leadingDropdownOptions,
+            value: displayLeadingDropdownValue,
+            placeholder: leadingDropdownPlaceholder,
+            onChange: handleLeadingDropdownChange,
+            variant: 'borderless',
+            size: size,
+            state: actualState === 'disable' ? 'disabled' : 'default',
+            disabled: disabled,
+            readOnly: readOnly,
+            helpIcon: false,
+            label: '',
+            helperText: '',
+            className: modules_555c3abf.inlineDropdown,
+            popoverClassName: modules_555c3abf.leadingDropdownPopover
+          })
+        }), leadingText && jsxRuntime.jsx("div", {
+          className: modules_555c3abf.leadingText,
+          children: jsxRuntime.jsx("span", {
+            className: modules_555c3abf.leadingTextContent,
+            children: leadingText
+          })
+        }), jsxRuntime.jsxs("div", {
+          className: classes(modules_555c3abf.inputFieldArea, leadingDropdown && modules_555c3abf.inputFieldAreaWithLeadingDropdown, leadingText && modules_555c3abf.inputFieldAreaWithLeadingText),
+          children: [jsxRuntime.jsxs("div", {
+            className: modules_555c3abf.inputContent,
+            children: [!leadingText && !leadingDropdown && leadingIcon && LeadingIconComponent && jsxRuntime.jsx("div", {
+              className: modules_555c3abf.leadingIcon,
+              children: jsxRuntime.jsx(LeadingIconComponent, {})
+            }), jsxRuntime.jsx("input", _objectSpread2({
+              ref: ref,
+              type: 'text',
+              value: displayValue,
+              placeholder: placeholder,
+              onChange: handleChange,
+              onFocus: handleFocus,
+              onBlur: handleBlur,
+              disabled: disabled,
+              readOnly: readOnly,
+              className: modules_555c3abf.mainInput,
+              id: id,
+              name: name,
+              autoComplete: autoComplete,
+              autoFocus: autoFocus
+            }, props))]
+          }), jsxRuntime.jsxs("div", {
+            className: modules_555c3abf.trailingArea,
+            children: [showStatusIcon() && jsxRuntime.jsx("div", {
+              className: modules_555c3abf.statusIcon,
+              children: getStatusIcon()
+            }), rightIcon && jsxRuntime.jsx("div", {
+              className: modules_555c3abf.rightIcon,
+              children: /*#__PURE__*/React.createElement(rightIcon, {
+                className: modules_555c3abf.iconComponent 
+              })
+            }), trailingDropdown && jsxRuntime.jsx("div", {
+              className: modules_555c3abf.trailingDropdown,
+              children: jsxRuntime.jsx(Dropdown$1, {
+                options: trailingDropdownOptions,
+                value: displayTrailingDropdownValue,
+                placeholder: trailingDropdownPlaceholder,
+                onChange: handleTrailingDropdownChange,
+                variant: 'borderless',
+                size: size,
+                state: actualState === 'disable' ? 'disabled' : 'default',
+                disabled: disabled,
+                readOnly: readOnly,
+                helpIcon: false,
+                label: '',
+                helperText: '',
+                className: modules_555c3abf.inlineDropdown,
+                popoverClassName: modules_555c3abf.trailingDropdownPopover
+              })
+            })]
+          })]
+        })]
+      }), trailingButton && jsxRuntime.jsx(Button$1, {
+        title: trailingButtonText,
+        leftComponent: trailingButtonIcon && TrailingButtonIconComponent ? TrailingButtonIconComponent : undefined,
+        onClick: trailingButtonOnClick,
+        type: 'button',
+        variant: 'ghost',
+        size: size === 'sm' ? 'sm' : 'md',
+        className: classes(modules_555c3abf.trailingButton, modules_555c3abf[actualState + 'TrailingButton'], modules_555c3abf[size], disabled && modules_555c3abf.disableTrailingButton),
+        disabled: disabled
+      })]
+    }), helperText && jsxRuntime.jsx("div", {
+      className: classes(modules_555c3abf.helperText, getHelperTextClass()),
+      children: helperText
+    })]
+  });
+});
+TextField$1.displayName = 'TextField';
+
+var _excluded$4 = ["type", "size"];
+var statusStyles = {
+  warning: {
+    fill: '#F79009',
+    stroke: '#FEF0C7'
+  },
+  error: {
+    fill: '#D92D20',
+    stroke: '#FEE4E2'
+  },
+  success: {
+    fill: '#039855',
+    stroke: '#D1FADF'
+  }
+};
+var Indicator = function Indicator(_ref) {
+  var type = _ref.type,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 8 : _ref$size,
+    props = _objectWithoutProperties(_ref, _excluded$4);
+  var colors = statusStyles[type];
+  return jsxRuntime.jsxs("svg", _objectSpread2(_objectSpread2({
+    width: size,
+    height: size,
+    viewBox: '0 0 8 8',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg',
+    style: {
+      aspectRatio: '1 / 1',
+      display: 'block'
+    }
+  }, props), {}, {
+    children: [jsxRuntime.jsx("g", {
+      clipPath: 'url(#indicator_clip)',
+      children: jsxRuntime.jsx("circle", {
+        cx: '4',
+        cy: '4',
+        r: '3.25',
+        fill: colors.fill,
+        stroke: colors.stroke,
+        strokeWidth: '1.5'
+      })
+    }), jsxRuntime.jsx("defs", {
+      children: jsxRuntime.jsx("clipPath", {
+        id: 'indicator_clip',
+        children: jsxRuntime.jsx("rect", {
+          width: '8',
+          height: '8',
+          fill: 'white'
+        })
+      })
+    })]
+  }));
+};
+
+var _excluded$3 = ["size", "color"];
+var TagCloserLg = function TagCloserLg(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 20 : _ref$size,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#A4A7AE' : _ref$color,
+    props = _objectWithoutProperties(_ref, _excluded$3);
+  return jsxRuntime.jsxs("svg", _objectSpread2(_objectSpread2({
+    width: size,
+    height: size,
+    viewBox: '0 0 20 20',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, props), {}, {
+    children: [jsxRuntime.jsx("path", {
+      d: 'M6.5 6.5L13.5 13.5',
+      stroke: color,
+      strokeWidth: '1.6',
+      strokeLinecap: 'round'
+    }), jsxRuntime.jsx("path", {
+      d: 'M6.5 13.5L13.5 6.5',
+      stroke: color,
+      strokeWidth: '1.6',
+      strokeLinecap: 'round'
+    })]
+  }));
+};
+
+var _excluded$2 = ["size", "color"];
+var TagCloserMd = function TagCloserMd(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 16 : _ref$size,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#A4A7AE' : _ref$color,
+    props = _objectWithoutProperties(_ref, _excluded$2);
+  return jsxRuntime.jsxs("svg", _objectSpread2(_objectSpread2({
+    width: size,
+    height: size,
+    viewBox: '0 0 16 16',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, props), {}, {
+    children: [jsxRuntime.jsx("path", {
+      d: 'M5 5L11 11',
+      stroke: color,
+      strokeWidth: '1.5',
+      strokeLinecap: 'round'
+    }), jsxRuntime.jsx("path", {
+      d: 'M5 11L11 5',
+      stroke: color,
+      strokeWidth: '1.5',
+      strokeLinecap: 'round'
+    })]
+  }));
+};
+
+var TagCountLg = function TagCountLg(_ref) {
+  var _ref$count = _ref.count,
+    count = _ref$count === void 0 ? 0 : _ref$count,
+    _ref$bgColor = _ref.bgColor,
+    bgColor = _ref$bgColor === void 0 ? '#F5F5F5' : _ref$bgColor,
+    _ref$textColor = _ref.textColor,
+    textColor = _ref$textColor === void 0 ? '#414651' : _ref$textColor;
+  var containerStyle = {
+    display: 'inline-flex',
+    height: '20px',
+    padding: '0 6px',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: '3px',
+    background: bgColor,
+    color: textColor,
+    fontSize: '12px',
+    fontWeight: 500,
+    lineHeight: '20px',
+    whiteSpace: 'nowrap'
+  };
+  return jsxRuntime.jsx("div", {
+    style: containerStyle,
+    children: count
   });
 };
 
-var css$x = ".Toggle_module_root__aac55eed {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--spacing-03, 8px);\n  cursor: pointer;\n  position: relative;\n}\n.Toggle_module_root__aac55eed input {\n  position: absolute;\n  opacity: 0;\n  width: 1px;\n  height: 1px;\n}\n.Toggle_module_root__aac55eed [data-elem=label] {\n  color: var(--text-text-secondary, #484848);\n  font-family: var(--font-font-family, Poppins);\n  font-size: var(--font-font-size-12, 12px);\n  font-weight: var(--font-font-weight-Regular, 400);\n  line-height: var(--font-font-height-16, 16px);\n  letter-spacing: var(--font-font-spacing-large, 0.32px);\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeL__aac55eed {\n  width: 48px;\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeL__aac55eed .Toggle_module_pill__aac55eed {\n  width: 48px;\n  height: 24px;\n  border-radius: 20px;\n  background: var(--Miscellaneous-toggle-off, #bfbfbf);\n  position: relative;\n  transition: background 0.2s ease;\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeL__aac55eed .Toggle_module_pill__aac55eed::before {\n  content: \"\";\n  position: absolute;\n  width: 18px;\n  height: 18px;\n  border-radius: 18px;\n  background: var(--icon-icon-on-color, #fff);\n  top: 3px;\n  left: 3px;\n  transition: transform 0.2s ease;\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeL__aac55eed input:checked + .Toggle_module_pill__aac55eed {\n  background: var(--support-support-success, #24a148);\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeL__aac55eed input:checked + .Toggle_module_pill__aac55eed::before {\n  transform: translateX(24px);\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeS__aac55eed {\n  width: 34px;\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeS__aac55eed .Toggle_module_pill__aac55eed {\n  width: 32px;\n  height: 16px;\n  border-radius: 20px;\n  background: var(--Miscellaneous-toggle-off, #bfbfbf);\n  position: relative;\n  transition: background 0.2s ease;\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeS__aac55eed .Toggle_module_pill__aac55eed::before {\n  content: \"\";\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  border-radius: 10px;\n  background: var(--icon-icon-on-color, #fff);\n  top: 3px;\n  left: 3px;\n  transition: transform 0.2s ease;\n  z-index: 1;\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeS__aac55eed .Toggle_module_pill__aac55eed .Toggle_module_tick__aac55eed {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  top: 3px;\n  left: 3px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 2;\n  pointer-events: none;\n  transition: transform 0.2s ease;\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeS__aac55eed .Toggle_module_pill__aac55eed .Toggle_module_tick__aac55eed.Toggle_module_hideTick__aac55eed {\n  visibility: hidden !important;\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeS__aac55eed input:checked + .Toggle_module_pill__aac55eed {\n  background: var(--support-support-success, #24a148);\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeS__aac55eed input:checked + .Toggle_module_pill__aac55eed::before {\n  transform: translateX(16px);\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeS__aac55eed input:checked + .Toggle_module_pill__aac55eed .Toggle_module_tick__aac55eed {\n  transform: translateX(16px);\n}\n.Toggle_module_root__aac55eed.Toggle_module_readonly__aac55eed {\n  cursor: not-allowed;\n}\n.Toggle_module_root__aac55eed.Toggle_module_readonly__aac55eed .Toggle_module_pill__aac55eed {\n  background: transparent;\n  border: 1px solid var(--border-border-subtle, #ededed);\n}\n.Toggle_module_root__aac55eed.Toggle_module_readonly__aac55eed .Toggle_module_pill__aac55eed::before {\n  top: 2px;\n  left: 2px;\n  background: var(--icon-icon-primary, #161616);\n}\n.Toggle_module_root__aac55eed.Toggle_module_disabled__aac55eed {\n  cursor: not-allowed;\n}\n.Toggle_module_root__aac55eed.Toggle_module_disabled__aac55eed [data-elem=label] {\n  color: var(--text-text-disabled, #161616);\n  font-family: var(--font-font-family, Poppins);\n  font-size: var(--font-font-size-12, 12px);\n  font-style: normal;\n  font-weight: var(--font-font-weight-Regular, 400);\n  line-height: var(--font-font-height-16, 16px);\n  letter-spacing: var(--font-font-spacing-large, 0.32px);\n  opacity: 0.25;\n}\n.Toggle_module_root__aac55eed.Toggle_module_disabled__aac55eed [data-elem=label] {\n  color: var(--text-text-disabled, #161616);\n}\n.Toggle_module_root__aac55eed.Toggle_module_disabled__aac55eed .Toggle_module_pill__aac55eed {\n  background: var(--button-button-disabled, #dcdcdc);\n}\n.Toggle_module_root__aac55eed.Toggle_module_disabled__aac55eed .Toggle_module_pill__aac55eed::before {\n  background: var(--icon-icon-on-color-disable, #828282);\n}\n.Toggle_module_root__aac55eed input:focus-visible + .Toggle_module_pill__aac55eed {\n  box-shadow: 0 0 0 0.5px #fff, 0 0 0 2px var(--focus-focus-primary, #3b82f6);\n}";
+var TagCountMd = function TagCountMd(_ref) {
+  var _ref$count = _ref.count,
+    count = _ref$count === void 0 ? 0 : _ref$count,
+    _ref$bgColor = _ref.bgColor,
+    bgColor = _ref$bgColor === void 0 ? '#F5F5F5' : _ref$bgColor,
+    _ref$textColor = _ref.textColor,
+    textColor = _ref$textColor === void 0 ? '#414651' : _ref$textColor;
+  var containerStyle = {
+    display: 'inline-flex',
+    height: '18px',
+    padding: '0 5px',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: '3px',
+    background: bgColor,
+    color: textColor,
+    fontSize: '12px',
+    fontWeight: 500,
+    lineHeight: '18px',
+    whiteSpace: 'nowrap'
+  };
+  return jsxRuntime.jsx("div", {
+    style: containerStyle,
+    children: count
+  });
+};
+
+var TagCountSm = function TagCountSm(_ref) {
+  var _ref$count = _ref.count,
+    count = _ref$count === void 0 ? 0 : _ref$count,
+    _ref$bgColor = _ref.bgColor,
+    bgColor = _ref$bgColor === void 0 ? '#F5F5F5' : _ref$bgColor,
+    _ref$textColor = _ref.textColor,
+    textColor = _ref$textColor === void 0 ? '#414651' : _ref$textColor;
+  var containerStyle = {
+    display: 'inline-flex',
+    height: '16px',
+    padding: '0 4px',
+    flexDirection: 'row',
+    gap: '10px',
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: '3px',
+    background: bgColor,
+    color: textColor,
+    fontSize: '10px',
+    fontWeight: 500,
+    lineHeight: '16px',
+    whiteSpace: 'nowrap'
+  };
+  return jsxRuntime.jsx("div", {
+    style: containerStyle,
+    children: count
+  });
+};
+
+var css$y = ".Tags_module_tag__0f57c67e {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  width: max-content;\n  white-space: nowrap;\n  box-sizing: border-box;\n  cursor: default;\n  transition: all 0.2s ease;\n  border-radius: var(--radius-sm, 6px);\n  border: 1px solid var(--bordercolor-border-primary, #d5d7da);\n  background: var(--backgroundcolor-bg-primary, #fff);\n  color: var(--textcolor-text-secondary, #414651);\n  font-style: normal;\n  font-weight: var(--font-weight-medium, 500);\n}\n.Tags_module_tag__indicator__0f57c67e {\n  flex-shrink: 0;\n  display: block;\n  margin-right: 0;\n}\n.Tags_module_tag__indicator_ClosableSm__0f57c67e {\n  margin-right: 4px;\n}\n.Tags_module_tag__indicator_ClosableMd__0f57c67e {\n  margin-right: 5px;\n}\n.Tags_module_tag__indicator_ClosableLg__0f57c67e {\n  margin-right: 6px;\n}\n.Tags_module_tag__indicator_CheckboxClosableSm__0f57c67e {\n  margin-left: 4px;\n  margin-right: 4px;\n}\n.Tags_module_tag__indicator_CheckboxClosableMd__0f57c67e {\n  margin-left: 5px;\n  margin-right: 5px;\n}\n.Tags_module_tag__indicator_CheckboxClosableLg__0f57c67e {\n  margin-left: 6px;\n  margin-right: 6px;\n}\n.Tags_module_tag__logo__0f57c67e {\n  flex-shrink: 0;\n  display: block;\n}\n.Tags_module_tag__logo__0f57c67e svg {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n.Tags_module_tag__logo_ClosableSm__0f57c67e {\n  margin-right: 4px;\n}\n.Tags_module_tag__logo_ClosableMd__0f57c67e {\n  margin-right: 5px;\n}\n.Tags_module_tag__logo_ClosableLg__0f57c67e {\n  margin-right: 6px;\n}\n.Tags_module_tag__logo_CheckboxClosableSm__0f57c67e {\n  margin-left: 4px;\n  margin-right: 4px;\n}\n.Tags_module_tag__logo_CheckboxClosableMd__0f57c67e {\n  margin-left: 5px;\n  margin-right: 5px;\n}\n.Tags_module_tag__logo_CheckboxClosableLg__0f57c67e {\n  margin-left: 6px;\n  margin-right: 6px;\n}\n.Tags_module_tag__closer__0f57c67e {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.Tags_module_tag__closer__0f57c67e:hover {\n  color: #717680;\n}\n.Tags_module_tag__closer__0f57c67e:hover svg * {\n  stroke: #717680;\n  fill: #717680;\n}\n.Tags_module_tag__closer_Sm__0f57c67e {\n  margin-left: 3px;\n}\n.Tags_module_tag__closer_Md__0f57c67e {\n  margin-left: 3px;\n}\n.Tags_module_tag__closer_Lg__0f57c67e {\n  margin-left: 3px;\n}\n.Tags_module_tag__closer_CheckboxIndicatorSm__0f57c67e {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  margin-left: 3px;\n  cursor: pointer;\n}\n.Tags_module_tag__closer_CheckboxIndicatorSm__0f57c67e:hover {\n  color: #717680;\n}\n.Tags_module_tag__closer_CheckboxIndicatorSm__0f57c67e:hover svg * {\n  stroke: #717680;\n  fill: #717680;\n}\n.Tags_module_tag__closer_CheckboxIndicatorMd__0f57c67e {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  margin-left: 3px;\n  cursor: pointer;\n}\n.Tags_module_tag__closer_CheckboxIndicatorMd__0f57c67e:hover {\n  color: #717680;\n}\n.Tags_module_tag__closer_CheckboxIndicatorMd__0f57c67e:hover svg * {\n  stroke: #717680;\n  fill: #717680;\n}\n.Tags_module_tag__closer_CheckboxIndicatorLg__0f57c67e {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  margin-left: 3px;\n  cursor: pointer;\n}\n.Tags_module_tag__closer_CheckboxIndicatorLg__0f57c67e:hover {\n  color: #717680;\n}\n.Tags_module_tag__closer_CheckboxIndicatorLg__0f57c67e:hover svg * {\n  stroke: #717680;\n  fill: #717680;\n}\n.Tags_module_tag__count__0f57c67e {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n}\n.Tags_module_tag__count_Sm__0f57c67e {\n  margin-left: 4px;\n}\n.Tags_module_tag__count_Md__0f57c67e {\n  margin-left: 5px;\n}\n.Tags_module_tag__count_Lg__0f57c67e {\n  margin-left: 6px;\n}\n.Tags_module_tag__count_CheckboxIndicatorSm__0f57c67e {\n  margin-left: 4px;\n}\n.Tags_module_tag__count_CheckboxIndicatorMd__0f57c67e {\n  margin-left: 5px;\n}\n.Tags_module_tag__count_CheckboxIndicatorLg__0f57c67e {\n  margin-left: 6px;\n}\n.Tags_module_tag__count_CountSm__0f57c67e {\n  margin-left: 3px;\n}\n.Tags_module_tag__count_CountMd__0f57c67e {\n  margin-left: 3px;\n}\n.Tags_module_tag__count_CountLg__0f57c67e {\n  margin-left: 3px;\n}\n.Tags_module_tag__count_CheckboxSm__0f57c67e {\n  margin-left: 4px;\n}\n.Tags_module_tag__count_CheckboxMd__0f57c67e {\n  margin-left: 5px;\n}\n.Tags_module_tag__count_CheckboxLg__0f57c67e {\n  margin-left: 6px;\n}\n.Tags_module_tag__input__0f57c67e {\n  flex: 1;\n  min-width: 0;\n  border: none;\n  outline: none;\n  background: transparent;\n  padding: 0;\n  margin: 0;\n  color: var(--Textcolor-Text-Secondary, #414651);\n  font-style: normal;\n  font-weight: var(--font-weight-Medium, 500);\n  font-family: inherit;\n  line-height: inherit;\n}\n.Tags_module_tag__input__0f57c67e::placeholder {\n  color: var(--Textcolor-Text-Placeholder, #9aa0ab);\n}\n.Tags_module_tag__input_Sm__0f57c67e {\n  font-size: var(--font-size-12, 12px);\n  line-height: var(--Line-height-16, 16px);\n}\n.Tags_module_tag__input_Md__0f57c67e {\n  font-size: var(--font-size-14, 14px);\n  line-height: var(--Line-height-20, 20px);\n}\n.Tags_module_tag__input_Lg__0f57c67e {\n  font-size: var(--font-size-14, 14px);\n  line-height: var(--Line-height-20, 20px);\n}\n.Tags_module_tag__textfield_sizer__0f57c67e {\n  position: absolute;\n  visibility: hidden;\n  white-space: pre;\n  font-style: normal;\n  font-weight: var(--font-weight-Medium, 500);\n  font-family: Jakarta Sans, sans-serif;\n  pointer-events: none;\n  top: -9999px;\n  left: -9999px;\n  max-width: none;\n  width: auto;\n}\n.Tags_module_tag__textfield_sizer_Sm__0f57c67e {\n  font-size: var(--font-size-12, 12px);\n  line-height: var(--Line-height-16, 16px);\n}\n.Tags_module_tag__textfield_sizer_Md__0f57c67e {\n  font-size: var(--font-size-14, 14px);\n  line-height: var(--Line-height-20, 20px);\n}\n.Tags_module_tag__textfield_sizer_Lg__0f57c67e {\n  font-size: var(--font-size-14, 14px);\n  line-height: var(--Line-height-20, 20px);\n}\n.Tags_module_tag__textfield_label__0f57c67e {\n  flex-shrink: 0;\n  white-space: nowrap;\n  color: var(--textcolor-text-quanternary, #717680);\n  font-style: normal;\n  font-weight: var(--font-weight-medium, 500);\n  font-family: Jakarta Sans, sans-serif;\n}\n.Tags_module_tag__textfield_label_Sm__0f57c67e {\n  font-size: var(--font-size-12, 12px);\n  line-height: var(--Line-height-16, 16px);\n}\n.Tags_module_tag__textfield_label_Md__0f57c67e {\n  font-size: var(--font-size-14, 14px);\n  line-height: var(--Line-height-20, 20px);\n}\n.Tags_module_tag__textfield_label_Lg__0f57c67e {\n  font-size: var(--font-size-14, 14px);\n  line-height: var(--Line-height-20, 20px);\n}\n.Tags_module_tag__textfield_input__0f57c67e {\n  min-width: 20px;\n  width: 20px;\n  flex: 0 0 auto;\n  border: none;\n  outline: none;\n  background: transparent;\n  padding: 0;\n  margin: 0;\n  color: var(--textcolor-text-secondary, #414651);\n  font-style: normal;\n  font-weight: var(--font-weight-medium, 500);\n  font-family: Jakarta Sans, sans-serif;\n}\n.Tags_module_tag__textfield_input__0f57c67e::placeholder {\n  color: var(--Textcolor-Text-Placeholder, #9aa0ab);\n}\n.Tags_module_tag__textfield_input_Sm__0f57c67e {\n  font-size: var(--font-size-12, 12px);\n  line-height: var(--Line-height-16, 16px);\n}\n.Tags_module_tag__textfield_input_Md__0f57c67e {\n  font-size: var(--font-size-14, 14px);\n  line-height: var(--Line-height-20, 20px);\n}\n.Tags_module_tag__textfield_input_Lg__0f57c67e {\n  font-size: var(--font-size-14, 14px);\n  line-height: var(--Line-height-20, 20px);\n}\n.Tags_module_tag__textfield_closer__0f57c67e {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.Tags_module_tag__textfield_closer__0f57c67e:hover {\n  color: #717680;\n}\n.Tags_module_tag__textfield_closer__0f57c67e:hover svg * {\n  stroke: #717680;\n  fill: #717680;\n}\n.Tags_module_tag_Sm__0f57c67e {\n  height: 24px;\n  padding: 0 8px;\n  font-size: var(--font-size-12, 12px);\n  line-height: var(--Line-height-16, 16px);\n}\n.Tags_module_tag_Sm_Closable__0f57c67e {\n  padding: 0 4px 0 8px;\n  gap: 3px;\n}\n.Tags_module_tag_Sm_Checkbox__0f57c67e {\n  padding: 0 8px 0 5px;\n  gap: 4px;\n}\n.Tags_module_tag_Sm_Checkbox__0f57c67e > :first-child {\n  flex-shrink: 0;\n}\n.Tags_module_tag_Sm_Checkbox__0f57c67e > :first-child .Tags_module_box__0f57c67e {\n  margin-top: 0;\n}\n.Tags_module_tag_Sm_CheckboxClosable__0f57c67e {\n  padding: 0 4px 0 5px;\n  gap: 4px;\n}\n.Tags_module_tag_Sm_CheckboxClosable__0f57c67e > :first-child {\n  flex-shrink: 0;\n}\n.Tags_module_tag_Sm_CheckboxClosable__0f57c67e > :first-child .Tags_module_box__0f57c67e {\n  margin-top: 0;\n}\n.Tags_module_tag_Sm_Indicator__0f57c67e {\n  padding: 0 8px 0 6px;\n  gap: 4px;\n}\n.Tags_module_tag_Sm_IndicatorClosable__0f57c67e {\n  padding: 0 4px 0 6px;\n}\n.Tags_module_tag_Sm_IndicatorCount__0f57c67e {\n  padding: 0 4px 0 6px;\n  gap: 4px;\n}\n.Tags_module_tag_Sm_CheckboxIndicator__0f57c67e {\n  padding: 0 8px 0 5px;\n  gap: 4px;\n}\n.Tags_module_tag_Sm_CheckboxIndicator__0f57c67e > :first-child {\n  flex-shrink: 0;\n}\n.Tags_module_tag_Sm_CheckboxIndicator__0f57c67e > :first-child .Tags_module_box__0f57c67e {\n  margin-top: 0;\n}\n.Tags_module_tag_Sm_CheckboxIndicatorClosable__0f57c67e {\n  padding: 0 4px 0 5px;\n}\n.Tags_module_tag_Sm_CheckboxIndicatorClosable__0f57c67e > :first-child {\n  flex-shrink: 0;\n}\n.Tags_module_tag_Sm_CheckboxIndicatorClosable__0f57c67e > :first-child .Tags_module_box__0f57c67e {\n  margin-top: 0;\n}\n.Tags_module_tag_Sm_CheckboxIndicatorCount__0f57c67e {\n  padding: 0 4px 0 5px;\n  gap: 4px;\n}\n.Tags_module_tag_Sm_CheckboxIndicatorCount__0f57c67e > :first-child {\n  flex-shrink: 0;\n}\n.Tags_module_tag_Sm_CheckboxIndicatorCount__0f57c67e > :first-child .Tags_module_box__0f57c67e {\n  margin-top: 0;\n}\n.Tags_module_tag_Sm_Count__0f57c67e {\n  padding: 0 4px 0 8px;\n}\n.Tags_module_tag_Sm_CheckboxCount__0f57c67e {\n  padding: 0 4px 0 5px;\n  gap: 4px;\n}\n.Tags_module_tag_Sm_CheckboxCount__0f57c67e > :first-child {\n  flex-shrink: 0;\n}\n.Tags_module_tag_Sm_CheckboxCount__0f57c67e > :first-child .Tags_module_box__0f57c67e {\n  margin-top: 0;\n}\n.Tags_module_tag_Sm_Textfield__0f57c67e {\n  padding: 0 4px 0 8px;\n  gap: 3px;\n  cursor: text;\n  width: max-content;\n  height: 24px;\n  /* Consistent styling regardless of focus state */\n  border: 1px solid var(--bordercolor-border-primary, #d5d7da);\n  background: var(--backgroundcolor-bg-primary, #fff);\n}\n.Tags_module_tag_Sm_TextfieldReadonly__0f57c67e {\n  cursor: default;\n  /* Readonly state looks exactly like Figma static design */\n  border: 1px solid var(--bordercolor-border-primary, #d5d7da);\n  background: var(--backgroundcolor-bg-primary, #fff);\n}\n.Tags_module_tag_Sm_TextfieldReadonly__0f57c67e .Tags_module_tag__textfield_input__0f57c67e {\n  pointer-events: none;\n  cursor: default;\n  color: var(--textcolor-text-secondary, #414651) !important;\n}\n.Tags_module_tag_Md__0f57c67e {\n  height: 24px;\n  padding: 0 9px;\n  font-size: var(--font-size-14, 14px);\n  line-height: var(--Line-height-20, 20px);\n}\n.Tags_module_tag_Md_Closable__0f57c67e {\n  padding: 0 4px 0 9px;\n  gap: 3px;\n}\n.Tags_module_tag_Md_Checkbox__0f57c67e {\n  padding: 0 9px 0 4px;\n  gap: 5px;\n}\n.Tags_module_tag_Md_Checkbox__0f57c67e > :first-child {\n  flex-shrink: 0;\n}\n.Tags_module_tag_Md_Checkbox__0f57c67e > :first-child .Tags_module_box__0f57c67e {\n  margin-top: 0;\n}\n.Tags_module_tag_Md_CheckboxClosable__0f57c67e {\n  padding: 0 4px 0 4px;\n  gap: 5px;\n}\n.Tags_module_tag_Md_CheckboxClosable__0f57c67e > :first-child {\n  flex-shrink: 0;\n}\n.Tags_module_tag_Md_CheckboxClosable__0f57c67e > :first-child .Tags_module_box__0f57c67e {\n  margin-top: 0;\n}\n.Tags_module_tag_Md_Indicator__0f57c67e {\n  padding: 0 9px 0 7px;\n  gap: 5px;\n}\n.Tags_module_tag_Md_IndicatorClosable__0f57c67e {\n  padding: 0 4px 0 7px;\n}\n.Tags_module_tag_Md_IndicatorCount__0f57c67e {\n  padding: 0 3px 0 7px;\n  gap: 5px;\n}\n.Tags_module_tag_Md_CheckboxIndicator__0f57c67e {\n  padding: 0 9px 0 4px;\n  gap: 5px;\n}\n.Tags_module_tag_Md_CheckboxIndicator__0f57c67e > :first-child {\n  flex-shrink: 0;\n}\n.Tags_module_tag_Md_CheckboxIndicator__0f57c67e > :first-child .Tags_module_box__0f57c67e {\n  margin-top: 0;\n}\n.Tags_module_tag_Md_CheckboxIndicatorClosable__0f57c67e {\n  padding: 0 4px 0 4px;\n}\n.Tags_module_tag_Md_CheckboxIndicatorClosable__0f57c67e > :first-child {\n  flex-shrink: 0;\n}\n.Tags_module_tag_Md_CheckboxIndicatorClosable__0f57c67e > :first-child .Tags_module_box__0f57c67e {\n  margin-top: 0;\n}\n.Tags_module_tag_Md_CheckboxIndicatorCount__0f57c67e {\n  padding: 0 3px 0 4px;\n  gap: 5px;\n}\n.Tags_module_tag_Md_CheckboxIndicatorCount__0f57c67e > :first-child {\n  flex-shrink: 0;\n}\n.Tags_module_tag_Md_CheckboxIndicatorCount__0f57c67e > :first-child .Tags_module_box__0f57c67e {\n  margin-top: 0;\n}\n.Tags_module_tag_Md_Count__0f57c67e {\n  padding: 0 4px 0 9px;\n}\n.Tags_module_tag_Md_CheckboxCount__0f57c67e {\n  padding: 0 3px 0 4px;\n  gap: 5px;\n}\n.Tags_module_tag_Md_CheckboxCount__0f57c67e > :first-child {\n  flex-shrink: 0;\n}\n.Tags_module_tag_Md_CheckboxCount__0f57c67e > :first-child .Tags_module_box__0f57c67e {\n  margin-top: 0;\n}\n.Tags_module_tag_Md_Textfield__0f57c67e {\n  padding: 0 4px 0 9px;\n  gap: 3px;\n  cursor: text;\n  width: max-content;\n}\n.Tags_module_tag_Md_Textfield__0f57c67e:focus-within {\n  border-color: var(--Bordercolor-border-focus, #84adff);\n  box-shadow: 0 0 0 2px rgba(132, 173, 255, 0.2);\n}\n.Tags_module_tag_Lg__0f57c67e {\n  height: 28px;\n  padding: 0 10px;\n  font-size: var(--font-size-14, 14px);\n  line-height: var(--Line-height-20, 20px);\n}\n.Tags_module_tag_Lg_Closable__0f57c67e {\n  padding: 0 4px 0 10px;\n  gap: 3px;\n}\n.Tags_module_tag_Lg_Checkbox__0f57c67e {\n  padding: 0 10px 0 5px;\n  gap: 6px;\n}\n.Tags_module_tag_Lg_Checkbox__0f57c67e > :first-child {\n  flex-shrink: 0;\n}\n.Tags_module_tag_Lg_Checkbox__0f57c67e > :first-child .Tags_module_box__0f57c67e {\n  margin-top: 0;\n}\n.Tags_module_tag_Lg_CheckboxClosable__0f57c67e {\n  padding: 0 4px 0 5px;\n  gap: 6px;\n}\n.Tags_module_tag_Lg_CheckboxClosable__0f57c67e > :first-child {\n  flex-shrink: 0;\n}\n.Tags_module_tag_Lg_CheckboxClosable__0f57c67e > :first-child .Tags_module_box__0f57c67e {\n  margin-top: 0;\n}\n.Tags_module_tag_Lg_Indicator__0f57c67e {\n  padding: 0 10px 0 9px;\n  gap: 6px;\n}\n.Tags_module_tag_Lg_IndicatorClosable__0f57c67e {\n  padding: 0 4px 0 9px;\n}\n.Tags_module_tag_Lg_IndicatorCount__0f57c67e {\n  padding: 0 4px 0 9px;\n  gap: 6px;\n}\n.Tags_module_tag_Lg_CheckboxIndicator__0f57c67e {\n  padding: 0 10px 0 5px;\n  gap: 6px;\n}\n.Tags_module_tag_Lg_CheckboxIndicator__0f57c67e > :first-child {\n  flex-shrink: 0;\n}\n.Tags_module_tag_Lg_CheckboxIndicator__0f57c67e > :first-child .Tags_module_box__0f57c67e {\n  margin-top: 0;\n}\n.Tags_module_tag_Lg_CheckboxIndicatorClosable__0f57c67e {\n  padding: 0 4px 0 5px;\n}\n.Tags_module_tag_Lg_CheckboxIndicatorClosable__0f57c67e > :first-child {\n  flex-shrink: 0;\n}\n.Tags_module_tag_Lg_CheckboxIndicatorClosable__0f57c67e > :first-child .Tags_module_box__0f57c67e {\n  margin-top: 0;\n}\n.Tags_module_tag_Lg_CheckboxIndicatorCount__0f57c67e {\n  padding: 0 4px 0 5px;\n  gap: 6px;\n}\n.Tags_module_tag_Lg_CheckboxIndicatorCount__0f57c67e > :first-child {\n  flex-shrink: 0;\n}\n.Tags_module_tag_Lg_CheckboxIndicatorCount__0f57c67e > :first-child .Tags_module_box__0f57c67e {\n  margin-top: 0;\n}\n.Tags_module_tag_Lg_Count__0f57c67e {\n  padding: 0 5px 0 10px;\n}\n.Tags_module_tag_Lg_CheckboxCount__0f57c67e {\n  padding: 0 4px 0 5px;\n  gap: 6px;\n}\n.Tags_module_tag_Lg_CheckboxCount__0f57c67e > :first-child {\n  flex-shrink: 0;\n}\n.Tags_module_tag_Lg_CheckboxCount__0f57c67e > :first-child .Tags_module_box__0f57c67e {\n  margin-top: 0;\n}\n.Tags_module_tag_Lg_Textfield__0f57c67e {\n  padding: 0 4px 0 10px;\n  gap: 3px;\n  cursor: text;\n  width: max-content;\n}\n.Tags_module_tag_Lg_Textfield__0f57c67e:focus-within {\n  border-color: var(--Bordercolor-border-focus, #84adff);\n  box-shadow: 0 0 0 2px rgba(132, 173, 255, 0.2);\n}";
+var modules_1c17c20f = {"tag":"Tags_module_tag__0f57c67e","tag__indicator":"Tags_module_tag__indicator__0f57c67e","tag__indicator--closable-sm":"Tags_module_tag__indicator_ClosableSm__0f57c67e","tag__indicator--closable-md":"Tags_module_tag__indicator_ClosableMd__0f57c67e","tag__indicator--closable-lg":"Tags_module_tag__indicator_ClosableLg__0f57c67e","tag__indicator--checkbox-closable-sm":"Tags_module_tag__indicator_CheckboxClosableSm__0f57c67e","tag__indicator--checkbox-closable-md":"Tags_module_tag__indicator_CheckboxClosableMd__0f57c67e","tag__indicator--checkbox-closable-lg":"Tags_module_tag__indicator_CheckboxClosableLg__0f57c67e","tag__logo":"Tags_module_tag__logo__0f57c67e","tag__logo--closable-sm":"Tags_module_tag__logo_ClosableSm__0f57c67e","tag__logo--closable-md":"Tags_module_tag__logo_ClosableMd__0f57c67e","tag__logo--closable-lg":"Tags_module_tag__logo_ClosableLg__0f57c67e","tag__logo--checkbox-closable-sm":"Tags_module_tag__logo_CheckboxClosableSm__0f57c67e","tag__logo--checkbox-closable-md":"Tags_module_tag__logo_CheckboxClosableMd__0f57c67e","tag__logo--checkbox-closable-lg":"Tags_module_tag__logo_CheckboxClosableLg__0f57c67e","tag__closer":"Tags_module_tag__closer__0f57c67e","tag__closer--sm":"Tags_module_tag__closer_Sm__0f57c67e","tag__closer--md":"Tags_module_tag__closer_Md__0f57c67e","tag__closer--lg":"Tags_module_tag__closer_Lg__0f57c67e","tag__closer--checkbox-indicator-sm":"Tags_module_tag__closer_CheckboxIndicatorSm__0f57c67e","tag__closer--checkbox-indicator-md":"Tags_module_tag__closer_CheckboxIndicatorMd__0f57c67e","tag__closer--checkbox-indicator-lg":"Tags_module_tag__closer_CheckboxIndicatorLg__0f57c67e","tag__count":"Tags_module_tag__count__0f57c67e","tag__count--sm":"Tags_module_tag__count_Sm__0f57c67e","tag__count--md":"Tags_module_tag__count_Md__0f57c67e","tag__count--lg":"Tags_module_tag__count_Lg__0f57c67e","tag__count--checkbox-indicator-sm":"Tags_module_tag__count_CheckboxIndicatorSm__0f57c67e","tag__count--checkbox-indicator-md":"Tags_module_tag__count_CheckboxIndicatorMd__0f57c67e","tag__count--checkbox-indicator-lg":"Tags_module_tag__count_CheckboxIndicatorLg__0f57c67e","tag__count--count-sm":"Tags_module_tag__count_CountSm__0f57c67e","tag__count--count-md":"Tags_module_tag__count_CountMd__0f57c67e","tag__count--count-lg":"Tags_module_tag__count_CountLg__0f57c67e","tag__count--checkbox-sm":"Tags_module_tag__count_CheckboxSm__0f57c67e","tag__count--checkbox-md":"Tags_module_tag__count_CheckboxMd__0f57c67e","tag__count--checkbox-lg":"Tags_module_tag__count_CheckboxLg__0f57c67e","tag__input":"Tags_module_tag__input__0f57c67e","tag__input--sm":"Tags_module_tag__input_Sm__0f57c67e","tag__input--md":"Tags_module_tag__input_Md__0f57c67e","tag__input--lg":"Tags_module_tag__input_Lg__0f57c67e","tag__textfield_sizer":"Tags_module_tag__textfield_sizer__0f57c67e","tag__textfield_sizer--sm":"Tags_module_tag__textfield_sizer_Sm__0f57c67e","tag__textfield_sizer--md":"Tags_module_tag__textfield_sizer_Md__0f57c67e","tag__textfield_sizer--lg":"Tags_module_tag__textfield_sizer_Lg__0f57c67e","tag__textfield_label":"Tags_module_tag__textfield_label__0f57c67e","tag__textfield_label--sm":"Tags_module_tag__textfield_label_Sm__0f57c67e","tag__textfield_label--md":"Tags_module_tag__textfield_label_Md__0f57c67e","tag__textfield_label--lg":"Tags_module_tag__textfield_label_Lg__0f57c67e","tag__textfield_input":"Tags_module_tag__textfield_input__0f57c67e","tag__textfield_input--sm":"Tags_module_tag__textfield_input_Sm__0f57c67e","tag__textfield_input--md":"Tags_module_tag__textfield_input_Md__0f57c67e","tag__textfield_input--lg":"Tags_module_tag__textfield_input_Lg__0f57c67e","tag__textfield_closer":"Tags_module_tag__textfield_closer__0f57c67e","tag--sm":"Tags_module_tag_Sm__0f57c67e","tag--sm--closable":"Tags_module_tag_Sm_Closable__0f57c67e","tag--sm--checkbox":"Tags_module_tag_Sm_Checkbox__0f57c67e","box":"Tags_module_box__0f57c67e","tag--sm--checkbox-closable":"Tags_module_tag_Sm_CheckboxClosable__0f57c67e","tag--sm--indicator":"Tags_module_tag_Sm_Indicator__0f57c67e","tag--sm--indicator-closable":"Tags_module_tag_Sm_IndicatorClosable__0f57c67e","tag--sm--indicator-count":"Tags_module_tag_Sm_IndicatorCount__0f57c67e","tag--sm--checkbox-indicator":"Tags_module_tag_Sm_CheckboxIndicator__0f57c67e","tag--sm--checkbox-indicator-closable":"Tags_module_tag_Sm_CheckboxIndicatorClosable__0f57c67e","tag--sm--checkbox-indicator-count":"Tags_module_tag_Sm_CheckboxIndicatorCount__0f57c67e","tag--sm--count":"Tags_module_tag_Sm_Count__0f57c67e","tag--sm--checkbox-count":"Tags_module_tag_Sm_CheckboxCount__0f57c67e","tag--sm--textfield":"Tags_module_tag_Sm_Textfield__0f57c67e","tag--sm--textfield-readonly":"Tags_module_tag_Sm_TextfieldReadonly__0f57c67e","tag--md":"Tags_module_tag_Md__0f57c67e","tag--md--closable":"Tags_module_tag_Md_Closable__0f57c67e","tag--md--checkbox":"Tags_module_tag_Md_Checkbox__0f57c67e","tag--md--checkbox-closable":"Tags_module_tag_Md_CheckboxClosable__0f57c67e","tag--md--indicator":"Tags_module_tag_Md_Indicator__0f57c67e","tag--md--indicator-closable":"Tags_module_tag_Md_IndicatorClosable__0f57c67e","tag--md--indicator-count":"Tags_module_tag_Md_IndicatorCount__0f57c67e","tag--md--checkbox-indicator":"Tags_module_tag_Md_CheckboxIndicator__0f57c67e","tag--md--checkbox-indicator-closable":"Tags_module_tag_Md_CheckboxIndicatorClosable__0f57c67e","tag--md--checkbox-indicator-count":"Tags_module_tag_Md_CheckboxIndicatorCount__0f57c67e","tag--md--count":"Tags_module_tag_Md_Count__0f57c67e","tag--md--checkbox-count":"Tags_module_tag_Md_CheckboxCount__0f57c67e","tag--md--textfield":"Tags_module_tag_Md_Textfield__0f57c67e","tag--lg":"Tags_module_tag_Lg__0f57c67e","tag--lg--closable":"Tags_module_tag_Lg_Closable__0f57c67e","tag--lg--checkbox":"Tags_module_tag_Lg_Checkbox__0f57c67e","tag--lg--checkbox-closable":"Tags_module_tag_Lg_CheckboxClosable__0f57c67e","tag--lg--indicator":"Tags_module_tag_Lg_Indicator__0f57c67e","tag--lg--indicator-closable":"Tags_module_tag_Lg_IndicatorClosable__0f57c67e","tag--lg--indicator-count":"Tags_module_tag_Lg_IndicatorCount__0f57c67e","tag--lg--checkbox-indicator":"Tags_module_tag_Lg_CheckboxIndicator__0f57c67e","tag--lg--checkbox-indicator-closable":"Tags_module_tag_Lg_CheckboxIndicatorClosable__0f57c67e","tag--lg--checkbox-indicator-count":"Tags_module_tag_Lg_CheckboxIndicatorCount__0f57c67e","tag--lg--count":"Tags_module_tag_Lg_Count__0f57c67e","tag--lg--checkbox-count":"Tags_module_tag_Lg_CheckboxCount__0f57c67e","tag--lg--textfield":"Tags_module_tag_Lg_Textfield__0f57c67e"};
+n(css$y,{});
+
+var INDICATOR_SIZE = {
+  sm: 8,
+  md: 8,
+  lg: 10
+};
+var CLOSER_MAP = {
+  sm: jsxRuntime.jsx(TagCloserSm, {}),
+  md: jsxRuntime.jsx(TagCloserMd, {}),
+  lg: jsxRuntime.jsx(TagCloserLg, {})
+};
+var COUNT_MAP = function COUNT_MAP(count) {
+  return {
+    sm: jsxRuntime.jsx(TagCountSm, {
+      count: count
+    }),
+    md: jsxRuntime.jsx(TagCountMd, {
+      count: count
+    }),
+    lg: jsxRuntime.jsx(TagCountLg, {
+      count: count
+    })
+  };
+};
+var Tag = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _ref$label = _ref.label,
+    label = _ref$label === void 0 ? 'Label' : _ref$label,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'sm' : _ref$size,
+    _ref$closable = _ref.closable,
+    closable = _ref$closable === void 0 ? false : _ref$closable,
+    _ref$checkbox = _ref.checkbox,
+    checkbox = _ref$checkbox === void 0 ? false : _ref$checkbox,
+    _ref$indicator = _ref.indicator,
+    indicator = _ref$indicator === void 0 ? false : _ref$indicator,
+    _ref$indicatorType = _ref.indicatorType,
+    indicatorType = _ref$indicatorType === void 0 ? 'success' : _ref$indicatorType,
+    count = _ref.count,
+    _ref$checkboxIndicato = _ref.checkboxIndicator,
+    checkboxIndicator = _ref$checkboxIndicato === void 0 ? false : _ref$checkboxIndicato,
+    _ref$checkboxIndicato2 = _ref.checkboxIndicatorClosable,
+    checkboxIndicatorClosable = _ref$checkboxIndicato2 === void 0 ? false : _ref$checkboxIndicato2,
+    _ref$checkboxIndicato3 = _ref.checkboxIndicatorCount,
+    checkboxIndicatorCount = _ref$checkboxIndicato3 === void 0 ? false : _ref$checkboxIndicato3,
+    _ref$onlyCount = _ref.onlyCount,
+    onlyCount = _ref$onlyCount === void 0 ? false : _ref$onlyCount,
+    _ref$checkboxCloser = _ref.checkboxCloser,
+    checkboxCloser = _ref$checkboxCloser === void 0 ? false : _ref$checkboxCloser,
+    _ref$checkboxCount = _ref.checkboxCount,
+    checkboxCount = _ref$checkboxCount === void 0 ? false : _ref$checkboxCount,
+    _ref$logo = _ref.logo,
+    logo = _ref$logo === void 0 ? false : _ref$logo,
+    _ref$checkboxLogo = _ref.checkboxLogo,
+    checkboxLogo = _ref$checkboxLogo === void 0 ? false : _ref$checkboxLogo,
+    _ref$checkboxLogoClos = _ref.checkboxLogoClosable,
+    checkboxLogoClosable = _ref$checkboxLogoClos === void 0 ? false : _ref$checkboxLogoClos,
+    _ref$checkboxLogoCoun = _ref.checkboxLogoCount,
+    checkboxLogoCount = _ref$checkboxLogoCoun === void 0 ? false : _ref$checkboxLogoCoun,
+    _ref$textField = _ref.textField,
+    textField = _ref$textField === void 0 ? false : _ref$textField,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+    inputValue = _ref.inputValue,
+    onInputChange = _ref.onInputChange,
+    onInputBlur = _ref.onInputBlur,
+    onInputEnter = _ref.onInputEnter,
+    _ref$defaultInputValu = _ref.defaultInputValue,
+    defaultInputValue = _ref$defaultInputValu === void 0 ? '' : _ref$defaultInputValu,
+    _ref$inputPlaceholder = _ref.inputPlaceholder,
+    inputPlaceholder = _ref$inputPlaceholder === void 0 ? '' : _ref$inputPlaceholder,
+    onClick = _ref.onClick,
+    onInputClear = _ref.onInputClear;
+  var isCheckboxClosable = checkbox && closable;
+  var isIndicatorClosable = indicator && closable;
+  var isIndicatorCount = indicator && count !== undefined;
+  var isLogoClosable = logo && closable;
+  var isLogoCount = logo && count !== undefined;
+  var isControlled = inputValue !== undefined;
+  var _useState = React.useState(defaultInputValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    internalValue = _useState2[0],
+    setInternalValue = _useState2[1];
+  var resolvedValue = isControlled ? inputValue : internalValue;
+  var internalInputRef = React.useRef(null);
+  var resolvedRef = ref !== null && ref !== void 0 ? ref : internalInputRef;
+  var sizerRef = React.useRef(null);
+  var focusInput = function focusInput() {
+    var _resolvedRef$current;
+    (_resolvedRef$current = resolvedRef.current) === null || _resolvedRef$current === void 0 || _resolvedRef$current.focus();
+  };
+  React.useEffect(function () {
+    var updateWidth = function updateWidth() {
+      var _sizerRef$current, _sizerRef$current2, _sizerRef$current3;
+      // Since TextField doesn't properly forward refs, find the input element directly
+      var inputElement = resolvedRef.current || ((_sizerRef$current = sizerRef.current) === null || _sizerRef$current === void 0 || (_sizerRef$current = _sizerRef$current.parentElement) === null || _sizerRef$current === void 0 ? void 0 : _sizerRef$current.querySelector('input[type="text"]')) || ((_sizerRef$current2 = sizerRef.current) === null || _sizerRef$current2 === void 0 || (_sizerRef$current2 = _sizerRef$current2.parentElement) === null || _sizerRef$current2 === void 0 ? void 0 : _sizerRef$current2.querySelector('input')) || ((_sizerRef$current3 = sizerRef.current) === null || _sizerRef$current3 === void 0 || (_sizerRef$current3 = _sizerRef$current3.nextElementSibling) === null || _sizerRef$current3 === void 0 ? void 0 : _sizerRef$current3.querySelector('input'));
+      if (sizerRef.current && inputElement) {
+        // Force reflow to ensure accurate measurements
+        sizerRef.current.offsetHeight;
+        var sizerWidth = sizerRef.current.offsetWidth;
+        var buffer = size === 'sm' ? 4 : size === 'md' ? 4 : 6; // Minimal buffer for cursor space
+        var minWidth = size === 'sm' ? 10 : size === 'md' ? 35 : 40;
+        // Calculate available space in container, leaving room for close button
+        var tagContainer = inputElement.closest('[class*="tag--"][class*="textfield"]');
+        var maxInputWidth = 120; // Conservative maximum for input field
+        if (tagContainer) {
+          // Get all elements in the tag to calculate reserved space
+          var closeButton = tagContainer.querySelector('[class*="textfield_closer"]');
+          var _label = tagContainer.querySelector('[class*="textfield_label"]');
+          // Calculate space used by other elements (more conservative)
+          var reservedSpace = 16; // padding and gaps
+          if (_label) {
+            reservedSpace += _label.getBoundingClientRect().width + 4; // label + gap
+          }
+          if (closeButton) {
+            reservedSpace += closeButton.getBoundingClientRect().width + 4; // close button + gap
+          }
+          // Don't let tags get too wide - reasonable maximum
+          var maxTagWidth = 180;
+          maxInputWidth = Math.max(maxTagWidth - reservedSpace, minWidth);
+          // Further constrain if current container is smaller
+          var currentContainerWidth = tagContainer.getBoundingClientRect().width;
+          if (currentContainerWidth > 0) {
+            maxInputWidth = Math.min(maxInputWidth, currentContainerWidth - reservedSpace);
+          }
+        }
+        var idealWidth = Math.max(sizerWidth + buffer, minWidth);
+        var finalWidth = Math.min(idealWidth, maxInputWidth);
+        // Apply constrained width to input
+        inputElement.style.setProperty('width', "".concat(finalWidth, "px"), 'important');
+        inputElement.style.setProperty('max-width', "".concat(finalWidth, "px"), 'important');
+        inputElement.style.setProperty('min-width', "".concat(minWidth, "px"), 'important');
+        // Update tag container to fit content but with strict bounds
+        if (tagContainer) {
+          tagContainer.style.setProperty('width', 'auto', 'important');
+          tagContainer.style.setProperty('max-width', '180px', 'important');
+          tagContainer.style.setProperty('min-width', 'max-content', 'important');
+          tagContainer.style.setProperty('overflow', 'hidden', 'important');
+        }
+      }
+    };
+    // Run with delays to handle complex DOM updates
+    updateWidth();
+    var timeout1 = setTimeout(updateWidth, 10);
+    var timeout2 = setTimeout(updateWidth, 50);
+    var timeout3 = setTimeout(updateWidth, 100);
+    return function () {
+      clearTimeout(timeout1);
+      clearTimeout(timeout2);
+      clearTimeout(timeout3);
+    };
+  }, [resolvedValue, inputPlaceholder, size]);
+  var handleChange = function handleChange(e) {
+    var next = e.target.value;
+    if (!isControlled) setInternalValue(next);
+    onInputChange === null || onInputChange === void 0 || onInputChange(next, e);
+  };
+  var handleKeyDown = function handleKeyDown(e) {
+    if (e.key === 'Enter' || e.key === 'Tab') {
+      e.preventDefault();
+      onInputEnter === null || onInputEnter === void 0 || onInputEnter();
+    } else if (e.key === 'Backspace' && resolvedValue === '') {
+      e.preventDefault();
+      onInputClear === null || onInputClear === void 0 || onInputClear();
+    }
+  };
+  var handleBlur = function handleBlur() {
+    onInputBlur === null || onInputBlur === void 0 || onInputBlur();
+  };
+  var handleClear = function handleClear() {
+    if (!isControlled) setInternalValue('');
+    onInputClear === null || onInputClear === void 0 || onInputClear();
+  };
+  // Map TagSize to TextField size (v2 only supports sm/md)
+  var getTextFieldSize = function getTextFieldSize(tagSize) {
+    return tagSize === 'lg' ? 'md' : tagSize;
+  };
+  var CloserSpan = function CloserSpan(_ref2) {
+    var extraClass = _ref2.extraClass;
+    return jsxRuntime.jsx("span", {
+      className: [modules_1c17c20f.tag__closer, modules_1c17c20f["tag__closer--".concat(size)], extraClass].filter(Boolean).join(' '),
+      children: CLOSER_MAP[size]
+    });
+  };
+  var CheckboxIndicatorCloserSpan = function CheckboxIndicatorCloserSpan() {
+    return jsxRuntime.jsx("span", {
+      className: [modules_1c17c20f.tag__closer, modules_1c17c20f["tag__closer--checkbox-indicator-".concat(size)]].join(' '),
+      children: CLOSER_MAP[size]
+    });
+  };
+  if (textField) {
+    return jsxRuntime.jsxs("span", {
+      className: [modules_1c17c20f.tag, modules_1c17c20f["tag--".concat(size)], modules_1c17c20f["tag--".concat(size, "--textfield")], readOnly && modules_1c17c20f["tag--".concat(size, "--textfield-readonly")]].filter(Boolean).join(' '),
+      onClick: readOnly ? function () {
+        // Handle click for readonly tags
+        onClick === null || onClick === void 0 || onClick();
+      } : focusInput,
+      children: [jsxRuntime.jsx("span", {
+        className: "".concat(modules_1c17c20f.tag__textfield_label, " ").concat(modules_1c17c20f["tag__textfield_label--".concat(size)]),
+        children: label
+      }), jsxRuntime.jsx("span", {
+        ref: sizerRef,
+        "aria-hidden": true,
+        className: "".concat(modules_1c17c20f.tag__textfield_sizer, " ").concat(modules_1c17c20f["tag__textfield_sizer--".concat(size)]),
+        children: resolvedValue || inputPlaceholder || "\u200B"
+      }), jsxRuntime.jsx(TextField$1, _objectSpread2({
+        ref: resolvedRef,
+        unstyled: true,
+        size: getTextFieldSize(size),
+        value: resolvedValue,
+        onChange: readOnly ? undefined : handleChange,
+        onBlur: readOnly ? undefined : handleBlur,
+        readOnly: readOnly,
+        placeholder: inputPlaceholder,
+        disabled: readOnly,
+        className: [modules_1c17c20f.tag__textfield_input, modules_1c17c20f["tag__textfield_input--".concat(size)]].filter(Boolean).join(' ')
+      }, {
+        onKeyDown: handleKeyDown
+      })), closable && jsxRuntime.jsx("span", {
+        className: modules_1c17c20f.tag__textfield_closer,
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          handleClear();
+          focusInput();
+        },
+        children: CLOSER_MAP[size]
+      })]
+    });
+  }
+  if (onlyCount && count !== undefined) {
+    return jsxRuntime.jsxs("span", {
+      className: [modules_1c17c20f.tag, modules_1c17c20f["tag--".concat(size)], modules_1c17c20f["tag--".concat(size, "--count")]].join(' '),
+      children: [label, jsxRuntime.jsx("span", {
+        className: [modules_1c17c20f.tag__count, modules_1c17c20f["tag__count--".concat(size)]].join(' '),
+        children: COUNT_MAP(count)[size]
+      })]
+    });
+  }
+  if (checkboxCloser) {
+    return jsxRuntime.jsxs("span", {
+      className: [modules_1c17c20f.tag, modules_1c17c20f["tag--".concat(size)], modules_1c17c20f["tag--".concat(size, "--checkbox-closable")]].join(' '),
+      children: [jsxRuntime.jsx(Checkbox$1, {
+        size: size
+      }), label, jsxRuntime.jsx(CloserSpan, {})]
+    });
+  }
+  if (checkboxCount && count !== undefined) {
+    return jsxRuntime.jsxs("span", {
+      className: [modules_1c17c20f.tag, modules_1c17c20f["tag--".concat(size)], modules_1c17c20f["tag--".concat(size, "--checkbox-count")]].join(' '),
+      children: [jsxRuntime.jsx(Checkbox$1, {
+        size: size
+      }), label, jsxRuntime.jsx("span", {
+        className: [modules_1c17c20f.tag__count, modules_1c17c20f["tag__count--checkbox-".concat(size)]].join(' '),
+        children: COUNT_MAP(count)[size]
+      })]
+    });
+  }
+  if (checkboxLogoCount && count !== undefined) {
+    return jsxRuntime.jsxs("span", {
+      className: [modules_1c17c20f.tag, modules_1c17c20f["tag--".concat(size)], modules_1c17c20f["tag--".concat(size, "--checkbox-indicator-count")]].join(' '),
+      children: [jsxRuntime.jsx(Checkbox$1, {
+        size: size
+      }), jsxRuntime.jsx(Email, {
+        className: [modules_1c17c20f.tag__logo, modules_1c17c20f["tag__logo--checkbox-count-".concat(size)]].filter(Boolean).join(' ')
+      }), label, jsxRuntime.jsx("span", {
+        className: [modules_1c17c20f.tag__count, modules_1c17c20f["tag__count--checkbox-indicator-".concat(size)]].join(' '),
+        children: COUNT_MAP(count)[size]
+      })]
+    });
+  }
+  if (checkboxLogoClosable) {
+    return jsxRuntime.jsxs("span", {
+      className: [modules_1c17c20f.tag, modules_1c17c20f["tag--".concat(size)], modules_1c17c20f["tag--".concat(size, "--checkbox-indicator-closable")]].join(' '),
+      children: [jsxRuntime.jsx(Checkbox$1, {
+        size: size
+      }), jsxRuntime.jsx(Email, {
+        className: [modules_1c17c20f.tag__logo, modules_1c17c20f["tag__logo--checkbox-closable-".concat(size)]].filter(Boolean).join(' ')
+      }), label, jsxRuntime.jsx(CheckboxIndicatorCloserSpan, {})]
+    });
+  }
+  if (checkboxLogo) {
+    return jsxRuntime.jsxs("span", {
+      className: [modules_1c17c20f.tag, modules_1c17c20f["tag--".concat(size)], modules_1c17c20f["tag--".concat(size, "--checkbox-indicator")]].join(' '),
+      children: [jsxRuntime.jsx(Checkbox$1, {
+        size: size
+      }), jsxRuntime.jsx(Email, {
+        className: [modules_1c17c20f.tag__logo, modules_1c17c20f["tag__logo--checkbox-".concat(size)]].filter(Boolean).join(' ')
+      }), label]
+    });
+  }
+  if (isLogoCount) {
+    return jsxRuntime.jsxs("span", {
+      className: [modules_1c17c20f.tag, modules_1c17c20f["tag--".concat(size)], modules_1c17c20f["tag--".concat(size, "--indicator-count")]].join(' '),
+      children: [jsxRuntime.jsx(Email, {
+        className: [modules_1c17c20f.tag__logo, modules_1c17c20f["tag__logo--count-".concat(size)]].filter(Boolean).join(' ')
+      }), label, jsxRuntime.jsx("span", {
+        className: [modules_1c17c20f.tag__count, modules_1c17c20f["tag__count--".concat(size)]].join(' '),
+        children: COUNT_MAP(count)[size]
+      })]
+    });
+  }
+  if (isLogoClosable) {
+    return jsxRuntime.jsxs("span", {
+      className: [modules_1c17c20f.tag, modules_1c17c20f["tag--".concat(size)], modules_1c17c20f["tag--".concat(size, "--indicator-closable")]].join(' '),
+      children: [jsxRuntime.jsx(Email, {
+        className: [modules_1c17c20f.tag__logo, modules_1c17c20f["tag__logo--closable-".concat(size)]].filter(Boolean).join(' ')
+      }), label, jsxRuntime.jsx(CloserSpan, {})]
+    });
+  }
+  if (logo) {
+    return jsxRuntime.jsxs("span", {
+      className: [modules_1c17c20f.tag, modules_1c17c20f["tag--".concat(size)], modules_1c17c20f["tag--".concat(size, "--indicator")]].join(' '),
+      children: [jsxRuntime.jsx(Email, {
+        className: modules_1c17c20f.tag__logo
+      }), label]
+    });
+  }
+  if (checkboxIndicatorCount && count !== undefined) {
+    return jsxRuntime.jsxs("span", {
+      className: [modules_1c17c20f.tag, modules_1c17c20f["tag--".concat(size)], modules_1c17c20f["tag--".concat(size, "--checkbox-indicator-count")]].join(' '),
+      children: [jsxRuntime.jsx(Checkbox$1, {
+        size: size
+      }), jsxRuntime.jsx(Indicator, {
+        type: indicatorType,
+        size: INDICATOR_SIZE[size],
+        className: [modules_1c17c20f.tag__indicator, modules_1c17c20f["tag__indicator--checkbox-count-".concat(size)]].filter(Boolean).join(' ')
+      }), label, jsxRuntime.jsx("span", {
+        className: [modules_1c17c20f.tag__count, modules_1c17c20f["tag__count--checkbox-indicator-".concat(size)]].join(' '),
+        children: COUNT_MAP(count)[size]
+      })]
+    });
+  }
+  if (checkboxIndicatorClosable) {
+    return jsxRuntime.jsxs("span", {
+      className: [modules_1c17c20f.tag, modules_1c17c20f["tag--".concat(size)], modules_1c17c20f["tag--".concat(size, "--checkbox-indicator-closable")]].join(' '),
+      children: [jsxRuntime.jsx(Checkbox$1, {
+        size: size
+      }), jsxRuntime.jsx(Indicator, {
+        type: indicatorType,
+        size: INDICATOR_SIZE[size],
+        className: [modules_1c17c20f.tag__indicator, modules_1c17c20f["tag__indicator--checkbox-closable-".concat(size)]].filter(Boolean).join(' ')
+      }), label, jsxRuntime.jsx(CheckboxIndicatorCloserSpan, {})]
+    });
+  }
+  if (checkboxIndicator) {
+    return jsxRuntime.jsxs("span", {
+      className: [modules_1c17c20f.tag, modules_1c17c20f["tag--".concat(size)], modules_1c17c20f["tag--".concat(size, "--checkbox-indicator")]].join(' '),
+      children: [jsxRuntime.jsx(Checkbox$1, {
+        size: size
+      }), jsxRuntime.jsx(Indicator, {
+        type: indicatorType,
+        size: INDICATOR_SIZE[size],
+        className: [modules_1c17c20f.tag__indicator, modules_1c17c20f["tag__indicator--checkbox-".concat(size)]].filter(Boolean).join(' ')
+      }), label]
+    });
+  }
+  if (isIndicatorCount) {
+    return jsxRuntime.jsxs("span", {
+      className: [modules_1c17c20f.tag, modules_1c17c20f["tag--".concat(size)], modules_1c17c20f["tag--".concat(size, "--indicator-count")]].join(' '),
+      children: [jsxRuntime.jsx(Indicator, {
+        type: indicatorType,
+        size: INDICATOR_SIZE[size],
+        className: modules_1c17c20f.tag__indicator
+      }), label, jsxRuntime.jsx("span", {
+        className: [modules_1c17c20f.tag__count, modules_1c17c20f["tag__count--".concat(size)]].join(' '),
+        children: COUNT_MAP(count)[size]
+      })]
+    });
+  }
+  if (isIndicatorClosable) {
+    return jsxRuntime.jsxs("span", {
+      className: [modules_1c17c20f.tag, modules_1c17c20f["tag--".concat(size)], modules_1c17c20f["tag--".concat(size, "--indicator-closable")]].join(' '),
+      children: [jsxRuntime.jsx(Indicator, {
+        type: indicatorType,
+        size: INDICATOR_SIZE[size],
+        className: [modules_1c17c20f.tag__indicator, modules_1c17c20f["tag__indicator--closable-".concat(size)]].filter(Boolean).join(' ')
+      }), label, jsxRuntime.jsx(CloserSpan, {})]
+    });
+  }
+  if (indicator) {
+    return jsxRuntime.jsxs("span", {
+      className: [modules_1c17c20f.tag, modules_1c17c20f["tag--".concat(size)], modules_1c17c20f["tag--".concat(size, "--indicator")]].join(' '),
+      children: [jsxRuntime.jsx(Indicator, {
+        type: indicatorType,
+        size: INDICATOR_SIZE[size],
+        className: modules_1c17c20f.tag__indicator
+      }), label]
+    });
+  }
+  return jsxRuntime.jsxs("span", {
+    className: [modules_1c17c20f.tag, modules_1c17c20f["tag--".concat(size)], isCheckboxClosable ? modules_1c17c20f["tag--".concat(size, "--checkbox-closable")] : closable ? modules_1c17c20f["tag--".concat(size, "--closable")] : '', !isCheckboxClosable && checkbox ? modules_1c17c20f["tag--".concat(size, "--checkbox")] : ''].filter(Boolean).join(' '),
+    children: [checkbox && jsxRuntime.jsx(Checkbox$1, {
+      size: size
+    }), label, closable && jsxRuntime.jsx(CloserSpan, {})]
+  });
+});
+
+var css$x = ".Dropdown_module_dropdown__9126ab7b {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  width: 100%;\n  min-width: 297px;\n}\n\n.Dropdown_module_labelContainer__9126ab7b {\n  display: flex;\n  gap: 2px;\n  align-items: center;\n}\n.Dropdown_module_labelContainer__9126ab7b .Dropdown_module_label__9126ab7b {\n  font-family: Jakarta;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 20px;\n  color: #414651;\n}\n.Dropdown_module_labelContainer__9126ab7b .Dropdown_module_required__9126ab7b {\n  font-family: Jakarta;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 20px;\n  color: #175cd3;\n}\n\n.Dropdown_module_helpIcon__9126ab7b {\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n}\n.Dropdown_module_helpIcon__9126ab7b svg {\n  width: 100%;\n  height: 100%;\n  color: #535862;\n}\n\n.Dropdown_module_buttonWrapper__9126ab7b {\n  display: contents;\n  outline: none;\n}\n.Dropdown_module_buttonWrapper__9126ab7b:focus {\n  outline: none;\n}\n.Dropdown_module_buttonWrapper__9126ab7b:focus-visible {\n  outline: none;\n}\n\n.Dropdown_module_dropdownContainer__9126ab7b {\n  position: relative !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: flex-start !important;\n  gap: 0px !important;\n  padding: 8px 12px !important;\n  border-radius: 8px !important;\n  border: 1px solid #d5d7da !important;\n  background: white !important;\n  cursor: pointer !important;\n  transition: all 0.2s ease-in-out !important;\n  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06) !important;\n  text-decoration: none !important;\n  text-align: left !important;\n  width: 100% !important;\n  min-width: unset !important;\n  max-width: unset !important;\n}\n.Dropdown_module_dropdownContainer__9126ab7b [data-elem=component2] {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n  width: 100% !important;\n  gap: 8px !important;\n  flex: 1 !important;\n}\n.Dropdown_module_dropdownContainer__9126ab7b [data-elem=component2] [data-elem=title] {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n  width: 100% !important;\n  gap: 8px;\n  flex: 1 !important;\n}\n.Dropdown_module_dropdownContainer__9126ab7b:focus {\n  outline: none !important;\n  text-decoration: none !important;\n}\n.Dropdown_module_dropdownContainer__9126ab7b:focus-visible {\n  outline: none !important;\n}\n.Dropdown_module_dropdownContainer__9126ab7b:focus:not(.Dropdown_module_focus__9126ab7b) {\n  outline: none !important;\n  border: 1px solid #d5d7da !important;\n}\n.Dropdown_module_dropdownContainer__9126ab7b:hover {\n  text-decoration: none !important;\n}\n.Dropdown_module_dropdownContainer__9126ab7b:active {\n  text-decoration: none !important;\n}\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_sm__9126ab7b {\n  height: 40px !important;\n  padding: 8px 12px !important;\n}\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_md__9126ab7b {\n  height: 44px !important;\n  padding: 8px 12px !important;\n}\n\n.Dropdown_module_contentArea__9126ab7b {\n  display: flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  flex: 1 !important;\n  min-width: 0 !important;\n  position: relative !important;\n}\n\n.Dropdown_module_leadingIcon__9126ab7b {\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n}\n.Dropdown_module_leadingIcon__9126ab7b svg {\n  width: 100%;\n  height: 100%;\n}\n\n.Dropdown_module_trailingArea__9126ab7b {\n  display: flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  flex-shrink: 0 !important;\n}\n\n.Dropdown_module_dropdownText__9126ab7b {\n  flex: 1 !important;\n  font-family: Jakarta !important;\n  font-weight: 500 !important;\n  font-size: 16px !important;\n  line-height: 24px !important;\n  color: #181d27 !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  text-align: left !important;\n  text-decoration: none !important;\n}\n.Dropdown_module_dropdownText__9126ab7b.Dropdown_module_placeholder__9126ab7b {\n  font-weight: 400 !important;\n  color: #a4a7ae !important;\n}\n\n.Dropdown_module_statusIcon__9126ab7b {\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n}\n.Dropdown_module_statusIcon__9126ab7b svg {\n  width: 100%;\n  height: 100%;\n}\n\n.Dropdown_module_dropdownIcon__9126ab7b {\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n}\n.Dropdown_module_dropdownIcon__9126ab7b svg {\n  width: 100%;\n  height: 100%;\n  color: #a4a7ae;\n  transition: color 0.2s ease-in-out;\n}\n\n.Dropdown_module_helperText__9126ab7b {\n  font-family: Jakarta;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.Dropdown_module_helperDefault__9126ab7b {\n  color: #535862;\n}\n\n.Dropdown_module_helperError__9126ab7b {\n  color: #d92d20;\n}\n\n.Dropdown_module_helperWarning__9126ab7b {\n  color: #dc6803;\n}\n\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_default__9126ab7b {\n  border: 1px solid #d5d7da !important;\n  background: white !important;\n}\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_default__9126ab7b:hover {\n  border-color: #b2b5bb !important;\n  text-decoration: none !important;\n}\n\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_selected__9126ab7b {\n  border: 1px solid #d5d7da !important;\n  background: white !important;\n}\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_selected__9126ab7b:hover {\n  border-color: #b2b5bb !important;\n  text-decoration: none !important;\n}\n\n.Dropdown_module_dropdown__9126ab7b .Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_focus__9126ab7b,\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_focus__9126ab7b {\n  background: white !important;\n  border: 2px solid #2e90fa !important;\n  padding: 7px 11px !important;\n  box-shadow: none !important;\n  outline: none !important;\n}\n.Dropdown_module_dropdown__9126ab7b .Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_focus__9126ab7b:hover,\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_focus__9126ab7b:hover {\n  text-decoration: none !important;\n  border: 2px solid #2e90fa !important;\n}\n.Dropdown_module_dropdown__9126ab7b .Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_focus__9126ab7b:focus,\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_focus__9126ab7b:focus {\n  outline: none !important;\n  border: 2px solid #2e90fa !important;\n}\n.Dropdown_module_dropdown__9126ab7b .Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_focus__9126ab7b:focus-visible,\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_focus__9126ab7b:focus-visible {\n  outline: none !important;\n  border: 2px solid #2e90fa !important;\n}\n.Dropdown_module_dropdown__9126ab7b .Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_focus__9126ab7b.Dropdown_module_sm__9126ab7b,\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_focus__9126ab7b.Dropdown_module_sm__9126ab7b {\n  padding: 7px 11px !important;\n}\n.Dropdown_module_dropdown__9126ab7b .Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_focus__9126ab7b.Dropdown_module_md__9126ab7b,\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_focus__9126ab7b.Dropdown_module_md__9126ab7b {\n  padding: 7px 11px !important;\n}\n\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_disabled__9126ab7b {\n  background: #fafafa !important;\n  border: 1px solid #d5d7da !important;\n  cursor: not-allowed !important;\n  box-shadow: none !important;\n}\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_disabled__9126ab7b .Dropdown_module_dropdownText__9126ab7b {\n  color: #a4a7ae !important;\n}\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_disabled__9126ab7b .Dropdown_module_dropdownIcon__9126ab7b svg {\n  color: #a4a7ae !important;\n}\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_disabled__9126ab7b:hover {\n  background: #fafafa !important;\n  border-color: #d5d7da !important;\n  cursor: not-allowed !important;\n  text-decoration: none !important;\n}\n\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_error__9126ab7b {\n  background: white !important;\n  border: 2px solid #f04438 !important;\n  padding: 7px 11px !important;\n  box-shadow: none !important;\n}\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_error__9126ab7b .Dropdown_module_statusIcon__9126ab7b svg {\n  color: #f04438 !important;\n  fill: #f04438 !important;\n}\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_error__9126ab7b:hover {\n  text-decoration: none !important;\n}\n\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_warning__9126ab7b {\n  background: white !important;\n  border: 1px solid #d5d7da !important;\n}\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_warning__9126ab7b .Dropdown_module_statusIcon__9126ab7b svg {\n  color: #dc6803 !important;\n  fill: #dc6803 !important;\n}\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_warning__9126ab7b:hover {\n  border-color: #b2b5bb !important;\n  text-decoration: none !important;\n}\n\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_readOnly__9126ab7b,\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_readOnly__9126ab7b {\n  background: white !important;\n  border: 1px solid #f5f5f5 !important;\n  cursor: default !important;\n}\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_readOnly__9126ab7b .Dropdown_module_dropdownIcon__9126ab7b svg,\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_readOnly__9126ab7b .Dropdown_module_dropdownIcon__9126ab7b svg {\n  color: #a4a7ae !important;\n}\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_readOnly__9126ab7b:hover,\n.Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_readOnly__9126ab7b:hover {\n  background: white !important;\n  border-color: #f5f5f5 !important;\n  cursor: default !important;\n  text-decoration: none !important;\n}\n\n@media (max-width: 768px) {\n  .Dropdown_module_dropdown__9126ab7b {\n    min-width: 100%;\n    max-width: 100%;\n  }\n}\n.Dropdown_module_borderless__9126ab7b {\n  border: 0 !important;\n  border-width: 0 !important;\n  border-style: none !important;\n  border-color: transparent !important;\n  background: none !important;\n  box-shadow: none !important;\n  padding: 0 !important;\n}\n.Dropdown_module_borderless__9126ab7b:hover, .Dropdown_module_borderless__9126ab7b:focus, .Dropdown_module_borderless__9126ab7b.Dropdown_module_focus__9126ab7b, .Dropdown_module_borderless__9126ab7b.Dropdown_module_selected__9126ab7b, .Dropdown_module_borderless__9126ab7b.Dropdown_module_default__9126ab7b, .Dropdown_module_borderless__9126ab7b.Dropdown_module_filled__9126ab7b, .Dropdown_module_borderless__9126ab7b.Dropdown_module_activeTyping__9126ab7b, .Dropdown_module_borderless__9126ab7b.Dropdown_module_activeTyping__9126ab7b, .Dropdown_module_borderless__9126ab7b.Dropdown_module_filledFocus__9126ab7b, .Dropdown_module_borderless__9126ab7b.Dropdown_module_filledFocus__9126ab7b, .Dropdown_module_borderless__9126ab7b.Dropdown_module_errorFocus__9126ab7b, .Dropdown_module_borderless__9126ab7b.Dropdown_module_errorFocus__9126ab7b, .Dropdown_module_borderless__9126ab7b.Dropdown_module_errorFilled__9126ab7b, .Dropdown_module_borderless__9126ab7b.Dropdown_module_errorFilled__9126ab7b, .Dropdown_module_borderless__9126ab7b.Dropdown_module_warning__9126ab7b, .Dropdown_module_borderless__9126ab7b.Dropdown_module_disabled__9126ab7b {\n  border: 0 !important;\n  border-width: 0 !important;\n  border-style: none !important;\n  border-color: transparent !important;\n  background: none !important;\n  box-shadow: none !important;\n  padding: 0 !important;\n}\n.Dropdown_module_borderless__9126ab7b.Dropdown_module_focus__9126ab7b {\n  padding: 0 !important;\n}\n.Dropdown_module_borderless__9126ab7b.Dropdown_module_focus__9126ab7b.Dropdown_module_sm__9126ab7b {\n  padding: 0 !important;\n}\n.Dropdown_module_borderless__9126ab7b.Dropdown_module_focus__9126ab7b.Dropdown_module_md__9126ab7b {\n  padding: 0 !important;\n}\n\n.Dropdown_module_dropdown__9126ab7b .Dropdown_module_dropdownContainer__9126ab7b.Dropdown_module_borderless__9126ab7b.Dropdown_module_focus__9126ab7b {\n  border: 0 !important;\n  border-width: 0 !important;\n  border-style: none !important;\n  border-color: transparent !important;\n  background: none !important;\n  box-shadow: none !important;\n  padding: 0 !important;\n}\n\n.Dropdown_module_dropdownMenuPopover__9126ab7b {\n  background: none !important;\n  box-shadow: none !important;\n  border: none !important;\n  padding: 0 !important;\n}\n\n.Dropdown_module_dropdownMenu__9126ab7b {\n  background: white;\n  border: 1px solid #e9eaeb;\n  border-radius: 8px;\n  padding-top: 4px;\n  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1), 0px 4px 6px 0px rgba(0, 0, 0, 0.06);\n  width: 100%;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.Dropdown_module_dropdownMenuItem__9126ab7b {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 1px 6px;\n  width: 100%;\n}\n.Dropdown_module_dropdownMenuItem__9126ab7b .Dropdown_module_dropdownMenuItemInner__9126ab7b {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 8px 8px 8px;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: background-color 0.2s ease-in-out;\n  gap: 8px;\n  width: 100%;\n  background: white;\n}\n.Dropdown_module_dropdownMenuItem__9126ab7b .Dropdown_module_dropdownMenuItemInner__9126ab7b:hover {\n  background: #fafafa;\n}\n.Dropdown_module_dropdownMenuItem__9126ab7b .Dropdown_module_dropdownMenuItemInner__9126ab7b:active {\n  background: #f5f5f5;\n}\n.Dropdown_module_dropdownMenuItem__9126ab7b.Dropdown_module_dropdownMenuItemSelected__9126ab7b .Dropdown_module_dropdownMenuItemInner__9126ab7b {\n  background: #fafafa;\n}\n\n.Dropdown_module_dropdownMenuItemContent__9126ab7b {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex: 1;\n  min-width: 0;\n}\n\n.Dropdown_module_dropdownMenuItemIcon__9126ab7b {\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n}\n.Dropdown_module_dropdownMenuItemIcon__9126ab7b svg {\n  width: 100%;\n  height: 100%;\n}\n\n.Dropdown_module_dropdownMenuItemText__9126ab7b {\n  flex: 1;\n  font-family: Jakarta;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 24px;\n  color: #414651;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.Dropdown_module_dropdownMenuItemSelected__9126ab7b .Dropdown_module_dropdownMenuItemText__9126ab7b {\n  color: #181d27;\n}\n\n.Dropdown_module_dropdownMenuItemCheckbox__9126ab7b {\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n}\n\n.Dropdown_module_dropdownMenuItemCheck__9126ab7b {\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n}\n.Dropdown_module_dropdownMenuItemCheck__9126ab7b svg {\n  width: 100%;\n  height: 100%;\n}\n.Dropdown_module_dropdownMenuItemCheck__9126ab7b svg > path {\n  stroke: #2e90fa !important;\n}\n\n.Dropdown_module_filtersDropdown__9126ab7b {\n  background: white;\n  border: 1px solid #e2e8f0;\n  border-radius: 8px;\n  padding: 0;\n  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);\n  min-width: 200px;\n  max-height: 300px;\n  overflow: hidden;\n}\n\n.Dropdown_module_filtersHeader__9126ab7b {\n  padding: 8px 14px;\n}\n.Dropdown_module_filtersHeader__9126ab7b .Dropdown_module_filtersTitle__9126ab7b {\n  font-family: Jakarta;\n  font-size: 12px;\n  line-height: 16px;\n  font-weight: 600;\n  color: #717680;\n  white-space: nowrap;\n}\n\n.Dropdown_module_filtersOptions__9126ab7b {\n  max-height: 240px;\n  overflow-y: auto;\n}\n\n.Dropdown_module_filterOption__9126ab7b {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  padding: 8px 16px;\n  background: none;\n  border: none;\n  text-align: left;\n  cursor: pointer;\n  transition: background-color 0.2s ease-in-out;\n}\n.Dropdown_module_filterOption__9126ab7b .Dropdown_module_filterLabel__9126ab7b {\n  font-family: Jakarta;\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 500;\n  color: #374151;\n}\n.Dropdown_module_filterOption__9126ab7b:hover {\n  background: #f9fafb;\n}\n.Dropdown_module_filterOption__9126ab7b:hover .Dropdown_module_filterLabel__9126ab7b {\n  color: #1f2937;\n}\n.Dropdown_module_filterOption__9126ab7b:active {\n  background: #f3f4f6;\n}\n\n.Dropdown_module_countBadge__9126ab7b {\n  background-color: #0a0d12 !important;\n  border-radius: 4px !important;\n  border-color: transparent !important;\n}\n.Dropdown_module_countBadge__9126ab7b > span {\n  color: #ffffff !important;\n  font-weight: 500 !important;\n  font-size: 14px !important;\n  line-height: 20px !important;\n}\n.Dropdown_module_countBadge__9126ab7b > button {\n  color: #ffffff !important;\n  opacity: 0.7 !important;\n}\n.Dropdown_module_countBadge__9126ab7b > button:hover {\n  opacity: 1 !important;\n  background-color: rgba(255, 255, 255, 0.1) !important;\n}\n.Dropdown_module_countBadge__9126ab7b > button svg {\n  color: #ffffff !important;\n  fill: #ffffff !important;\n}\n\n.Dropdown_module_countBadgeDisabled__9126ab7b {\n  background-color: #ffffff !important;\n  border: 1px solid #d5d7da !important;\n  border-radius: 4px !important;\n}\n.Dropdown_module_countBadgeDisabled__9126ab7b > span {\n  color: #a4a7ae !important;\n  font-weight: 500 !important;\n  font-size: 14px !important;\n  line-height: 20px !important;\n}\n.Dropdown_module_countBadgeDisabled__9126ab7b > button {\n  color: #a4a7ae !important;\n  opacity: 0.7 !important;\n  cursor: not-allowed !important;\n  pointer-events: none !important;\n}\n.Dropdown_module_countBadgeDisabled__9126ab7b > button:hover {\n  opacity: 0.7 !important;\n  background-color: transparent !important;\n}\n.Dropdown_module_countBadgeDisabled__9126ab7b > button svg {\n  color: #a4a7ae !important;\n  fill: #a4a7ae !important;\n}\n\n.Dropdown_module_selectedText__9126ab7b {\n  margin-left: 8px !important;\n}\n\n.Dropdown_module_dropdownMenuItemCheckbox__9126ab7b {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n}\n\n.Dropdown_module_shortcutHint__9126ab7b {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: white;\n  color: #a4a7ae;\n  font-family: Jakarta;\n  font-size: 12px;\n  font-weight: 500;\n  border: 1px solid #e9eaeb;\n  border-radius: 4px;\n  padding: 1px 4px;\n  user-select: none;\n  line-height: 16px;\n  height: 20px;\n  min-width: 20px;\n}\n\n.Dropdown_module_searchContainer__9126ab7b {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 12px;\n  background: white;\n  border: 1px solid #d5d7da;\n  border-radius: 8px;\n  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);\n  transition: all 0.2s ease-in-out;\n  width: 100%;\n}\n.Dropdown_module_searchContainer__9126ab7b.Dropdown_module_sm__9126ab7b {\n  height: 40px;\n  padding: 10px 12px;\n}\n.Dropdown_module_searchContainer__9126ab7b.Dropdown_module_md__9126ab7b {\n  height: 44px;\n  padding: 10px 12px;\n}\n.Dropdown_module_searchContainer__9126ab7b.Dropdown_module_focus__9126ab7b {\n  border: 2px solid #2e90fa;\n  padding: 9px 11px;\n  box-shadow: none;\n}\n.Dropdown_module_searchContainer__9126ab7b.Dropdown_module_focus__9126ab7b.Dropdown_module_sm__9126ab7b {\n  padding: 9px 11px;\n}\n.Dropdown_module_searchContainer__9126ab7b.Dropdown_module_focus__9126ab7b.Dropdown_module_md__9126ab7b {\n  padding: 9px 11px;\n}\n.Dropdown_module_searchContainer__9126ab7b.Dropdown_module_disabled__9126ab7b {\n  background: #fafafa;\n  border: 1px solid #d5d7da;\n  cursor: not-allowed;\n  box-shadow: none;\n}\n.Dropdown_module_searchContainer__9126ab7b.Dropdown_module_disabled__9126ab7b .Dropdown_module_searchInput__9126ab7b {\n  background: transparent;\n  color: #a4a7ae;\n  cursor: not-allowed;\n}\n.Dropdown_module_searchContainer__9126ab7b.Dropdown_module_disabled__9126ab7b .Dropdown_module_searchIcon__9126ab7b svg {\n  color: #a4a7ae;\n}\n.Dropdown_module_searchContainer__9126ab7b.Dropdown_module_error__9126ab7b {\n  border: 1px solid #f04438;\n  background: white;\n}\n.Dropdown_module_searchContainer__9126ab7b.Dropdown_module_error__9126ab7b:hover {\n  border-color: #d92d20;\n}\n.Dropdown_module_searchContainer__9126ab7b.Dropdown_module_warning__9126ab7b {\n  border: 1px solid #f79009;\n  background: white;\n}\n.Dropdown_module_searchContainer__9126ab7b.Dropdown_module_warning__9126ab7b:hover {\n  border-color: #dc6803;\n}\n\n.Dropdown_module_searchIcon__9126ab7b {\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n}\n.Dropdown_module_searchIcon__9126ab7b svg {\n  width: 100%;\n  height: 100%;\n  color: #535862;\n  transition: color 0.2s ease-in-out;\n}\n\n.Dropdown_module_searchInput__9126ab7b {\n  flex-shrink: 0;\n  border: none;\n  outline: none;\n  background: transparent;\n  font-family: Jakarta;\n  font-weight: 400;\n  font-size: 16px;\n  line-height: 24px;\n  color: #181d27;\n  min-width: 120px;\n}\n.Dropdown_module_searchInput__9126ab7b .Dropdown_module_textField__9126ab7b {\n  display: contents !important;\n  gap: 0 !important;\n  width: auto !important;\n  min-width: 0 !important;\n}\n.Dropdown_module_searchInput__9126ab7b .Dropdown_module_labelContainer__9126ab7b {\n  display: none !important;\n}\n.Dropdown_module_searchInput__9126ab7b .Dropdown_module_inputContainer__9126ab7b {\n  display: contents !important;\n  border: none !important;\n  border-radius: 0 !important;\n  padding: 0 !important;\n  height: auto !important;\n  background: transparent !important;\n  box-shadow: none !important;\n  transition: none !important;\n  overflow: visible !important;\n}\n.Dropdown_module_searchInput__9126ab7b .Dropdown_module_inputContainer__9126ab7b:focus, .Dropdown_module_searchInput__9126ab7b .Dropdown_module_inputContainer__9126ab7b:focus-within, .Dropdown_module_searchInput__9126ab7b .Dropdown_module_inputContainer__9126ab7b.Dropdown_module_focus__9126ab7b, .Dropdown_module_searchInput__9126ab7b .Dropdown_module_inputContainer__9126ab7b.Dropdown_module_activeTyping__9126ab7b, .Dropdown_module_searchInput__9126ab7b .Dropdown_module_inputContainer__9126ab7b.Dropdown_module_activeTyping__9126ab7b, .Dropdown_module_searchInput__9126ab7b .Dropdown_module_inputContainer__9126ab7b.Dropdown_module_filledFocus__9126ab7b, .Dropdown_module_searchInput__9126ab7b .Dropdown_module_inputContainer__9126ab7b.Dropdown_module_filledFocus__9126ab7b {\n  border: none !important;\n  box-shadow: none !important;\n  outline: none !important;\n  background: transparent !important;\n}\n.Dropdown_module_searchInput__9126ab7b .Dropdown_module_inputInner__9126ab7b {\n  display: contents !important;\n  padding: 0 !important;\n  gap: 0 !important;\n}\n.Dropdown_module_searchInput__9126ab7b .Dropdown_module_contentArea__9126ab7b {\n  display: contents !important;\n  gap: 0 !important;\n}\n.Dropdown_module_searchInput__9126ab7b .Dropdown_module_trailingArea__9126ab7b {\n  display: none !important;\n}\n.Dropdown_module_searchInput__9126ab7b .Dropdown_module_mainInput__9126ab7b {\n  flex: 1 !important;\n  border: none !important;\n  outline: none !important;\n  background: transparent !important;\n  font-family: Jakarta !important;\n  font-weight: 400 !important;\n  font-size: 16px !important;\n  line-height: 24px !important;\n  color: #181d27 !important;\n  min-width: 120px !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  box-shadow: none !important;\n}\n.Dropdown_module_searchInput__9126ab7b .Dropdown_module_mainInput__9126ab7b::placeholder {\n  color: #a4a7ae !important;\n  font-weight: 400 !important;\n}\n.Dropdown_module_searchInput__9126ab7b .Dropdown_module_mainInput__9126ab7b:focus {\n  outline: none !important;\n  border: none !important;\n  box-shadow: none !important;\n}\n.Dropdown_module_searchInput__9126ab7b .Dropdown_module_mainInput__9126ab7b:focus-visible {\n  outline: none !important;\n  border: none !important;\n  box-shadow: none !important;\n}\n.Dropdown_module_searchInput__9126ab7b .Dropdown_module_mainInput__9126ab7b:hover {\n  border: none !important;\n  box-shadow: none !important;\n}\n.Dropdown_module_searchInput__9126ab7b .Dropdown_module_mainInput__9126ab7b:active {\n  border: none !important;\n  box-shadow: none !important;\n}\n.Dropdown_module_searchInput__9126ab7b input {\n  border: none !important;\n  outline: none !important;\n  box-shadow: none !important;\n  background: transparent !important;\n}\n.Dropdown_module_searchInput__9126ab7b input:focus, .Dropdown_module_searchInput__9126ab7b input:focus-visible, .Dropdown_module_searchInput__9126ab7b input:hover, .Dropdown_module_searchInput__9126ab7b input:active {\n  border: none !important;\n  outline: none !important;\n  box-shadow: none !important;\n  background: transparent !important;\n}\n.Dropdown_module_searchInput__9126ab7b > div {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 20px;\n  max-height: 20px;\n  overflow: hidden;\n}\n.Dropdown_module_searchInput__9126ab7b.Dropdown_module_sm__9126ab7b > div {\n  height: 20px;\n  max-height: 20px;\n}\n.Dropdown_module_searchInput__9126ab7b.Dropdown_module_md__9126ab7b > div {\n  height: 24px;\n  max-height: 24px;\n}\n.Dropdown_module_searchInput__9126ab7b * {\n  border: none !important;\n  border-radius: 0 !important;\n  outline: none !important;\n  box-shadow: none !important;\n  padding-inline: 0 !important;\n}\n.Dropdown_module_searchInput__9126ab7b *:focus, .Dropdown_module_searchInput__9126ab7b *:focus-visible, .Dropdown_module_searchInput__9126ab7b *:focus-within {\n  border: none !important;\n  outline: none !important;\n  box-shadow: none !important;\n}\n.Dropdown_module_searchInput__9126ab7b .Dropdown_module_helperText__9126ab7b {\n  display: none !important;\n}\n.Dropdown_module_searchInput__9126ab7b.Dropdown_module_searchInputFilled__9126ab7b .Dropdown_module_mainInput__9126ab7b {\n  font-weight: 400 !important;\n  color: #181d27 !important;\n}\n\n.Dropdown_module_shortcutDisplay__9126ab7b {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: white;\n  border: 1px solid #e9eaeb;\n  border-radius: 4px;\n  padding: 1px 4px;\n  user-select: none;\n  flex-shrink: 0;\n}\n\n.Dropdown_module_shortcutText__9126ab7b {\n  font-family: Jakarta;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 16px;\n  color: #a4a7ae;\n  white-space: nowrap;\n}\n\n.Dropdown_module_searchTagsContainer__9126ab7b {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex: 1;\n  overflow-x: auto;\n  overflow-y: hidden;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  /* Hide scrollbar */\n}\n.Dropdown_module_searchTagsContainer__9126ab7b::-webkit-scrollbar {\n  display: none;\n}\n.Dropdown_module_searchTagsContainer__9126ab7b {\n  /* All children (tags and search input) don't shrink */\n}\n.Dropdown_module_searchTagsContainer__9126ab7b > * {\n  flex-shrink: 0;\n}\n\n.Dropdown_module_searchTag__9126ab7b {\n  display: flex;\n  align-items: center;\n  gap: 3px;\n  background: white;\n  border: 1px solid #d5d7da;\n  border-radius: 6px;\n  padding: 4px 8px 4px 8px;\n  height: 24px;\n  font-size: 12px;\n  line-height: 16px;\n  flex-shrink: 0;\n  white-space: nowrap;\n}\n\n.Dropdown_module_tagKey__9126ab7b {\n  font-family: Jakarta;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 16px;\n  color: #717680;\n  white-space: nowrap;\n}\n\n.Dropdown_module_tagValue__9126ab7b {\n  font-family: Jakarta;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 16px;\n  color: #414651;\n  white-space: nowrap;\n}\n\n.Dropdown_module_tagValueInput__9126ab7b {\n  font-family: Jakarta;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 16px;\n  color: #414651;\n  background: transparent;\n  border: none;\n  outline: none;\n  padding: 0;\n  margin: 0;\n  width: auto;\n  min-width: 20px;\n  max-width: 100px;\n}\n.Dropdown_module_tagValueInput__9126ab7b::placeholder {\n  color: #a4a7ae;\n  font-weight: 400;\n}\n\n.Dropdown_module_tagClose__9126ab7b {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: #717680;\n  font-size: 10px;\n  line-height: 1;\n  padding: 0;\n}\n.Dropdown_module_tagClose__9126ab7b:hover {\n  color: #414651;\n  background-color: rgba(0, 0, 0, 0.05);\n  border-radius: 2px;\n}\n\n.Dropdown_module_tagKey__9126ab7b {\n  font-family: Jakarta;\n  font-weight: 400;\n  color: #717680;\n  white-space: nowrap;\n}\n\n.Dropdown_module_tagValue__9126ab7b {\n  font-family: Jakarta;\n  font-weight: 500;\n  color: #414651;\n  cursor: pointer;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 20px;\n}\n.Dropdown_module_tagValue__9126ab7b:hover {\n  background: rgba(46, 144, 250, 0.1);\n  border-radius: 3px;\n  padding: 1px 2px;\n  margin: -1px -2px;\n}\n\n.Dropdown_module_tagInput__9126ab7b {\n  border: none;\n  outline: none;\n  background: transparent;\n  font-family: Jakarta;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 16px;\n  color: #414651;\n  min-width: 20px;\n  width: auto;\n  padding: 0;\n  margin: 0;\n}\n.Dropdown_module_tagInput__9126ab7b::placeholder {\n  color: #a4a7ae;\n  font-weight: 400;\n}\n.Dropdown_module_tagInput__9126ab7b:focus {\n  outline: none;\n}\n\n.Dropdown_module_filterKeyTag__9126ab7b {\n  background: white;\n  border: 1px solid #d5d7da;\n  border-radius: 6px;\n  padding: 4px 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 24px;\n  flex-shrink: 0;\n}\n\n.Dropdown_module_filterKeyLabel__9126ab7b {\n  font-family: Jakarta;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 16px;\n  color: #414651;\n  white-space: nowrap;\n}";
+var modules_5709697d = {"dropdown":"Dropdown_module_dropdown__9126ab7b","labelContainer":"Dropdown_module_labelContainer__9126ab7b","label":"Dropdown_module_label__9126ab7b","required":"Dropdown_module_required__9126ab7b","helpIcon":"Dropdown_module_helpIcon__9126ab7b","buttonWrapper":"Dropdown_module_buttonWrapper__9126ab7b","dropdownContainer":"Dropdown_module_dropdownContainer__9126ab7b","focus":"Dropdown_module_focus__9126ab7b","sm":"Dropdown_module_sm__9126ab7b","md":"Dropdown_module_md__9126ab7b","contentArea":"Dropdown_module_contentArea__9126ab7b","leadingIcon":"Dropdown_module_leadingIcon__9126ab7b","trailingArea":"Dropdown_module_trailingArea__9126ab7b","dropdownText":"Dropdown_module_dropdownText__9126ab7b","placeholder":"Dropdown_module_placeholder__9126ab7b","statusIcon":"Dropdown_module_statusIcon__9126ab7b","dropdownIcon":"Dropdown_module_dropdownIcon__9126ab7b","helperText":"Dropdown_module_helperText__9126ab7b","helperDefault":"Dropdown_module_helperDefault__9126ab7b","helperError":"Dropdown_module_helperError__9126ab7b","helperWarning":"Dropdown_module_helperWarning__9126ab7b","default":"Dropdown_module_default__9126ab7b","selected":"Dropdown_module_selected__9126ab7b","disabled":"Dropdown_module_disabled__9126ab7b","error":"Dropdown_module_error__9126ab7b","warning":"Dropdown_module_warning__9126ab7b","readOnly":"Dropdown_module_readOnly__9126ab7b","read-only":"Dropdown_module_readOnly__9126ab7b","borderless":"Dropdown_module_borderless__9126ab7b","filled":"Dropdown_module_filled__9126ab7b","activeTyping":"Dropdown_module_activeTyping__9126ab7b","active-typing":"Dropdown_module_activeTyping__9126ab7b","filledFocus":"Dropdown_module_filledFocus__9126ab7b","filled-focus":"Dropdown_module_filledFocus__9126ab7b","errorFocus":"Dropdown_module_errorFocus__9126ab7b","error-focus":"Dropdown_module_errorFocus__9126ab7b","errorFilled":"Dropdown_module_errorFilled__9126ab7b","error-filled":"Dropdown_module_errorFilled__9126ab7b","dropdownMenuPopover":"Dropdown_module_dropdownMenuPopover__9126ab7b","dropdownMenu":"Dropdown_module_dropdownMenu__9126ab7b","dropdownMenuItem":"Dropdown_module_dropdownMenuItem__9126ab7b","dropdownMenuItemInner":"Dropdown_module_dropdownMenuItemInner__9126ab7b","dropdownMenuItemSelected":"Dropdown_module_dropdownMenuItemSelected__9126ab7b","dropdownMenuItemContent":"Dropdown_module_dropdownMenuItemContent__9126ab7b","dropdownMenuItemIcon":"Dropdown_module_dropdownMenuItemIcon__9126ab7b","dropdownMenuItemText":"Dropdown_module_dropdownMenuItemText__9126ab7b","dropdownMenuItemCheckbox":"Dropdown_module_dropdownMenuItemCheckbox__9126ab7b","dropdownMenuItemCheck":"Dropdown_module_dropdownMenuItemCheck__9126ab7b","filtersDropdown":"Dropdown_module_filtersDropdown__9126ab7b","filtersHeader":"Dropdown_module_filtersHeader__9126ab7b","filtersTitle":"Dropdown_module_filtersTitle__9126ab7b","filtersOptions":"Dropdown_module_filtersOptions__9126ab7b","filterOption":"Dropdown_module_filterOption__9126ab7b","filterLabel":"Dropdown_module_filterLabel__9126ab7b","countBadge":"Dropdown_module_countBadge__9126ab7b","countBadgeDisabled":"Dropdown_module_countBadgeDisabled__9126ab7b","selectedText":"Dropdown_module_selectedText__9126ab7b","shortcutHint":"Dropdown_module_shortcutHint__9126ab7b","searchContainer":"Dropdown_module_searchContainer__9126ab7b","searchInput":"Dropdown_module_searchInput__9126ab7b","searchIcon":"Dropdown_module_searchIcon__9126ab7b","textField":"Dropdown_module_textField__9126ab7b","inputContainer":"Dropdown_module_inputContainer__9126ab7b","inputInner":"Dropdown_module_inputInner__9126ab7b","mainInput":"Dropdown_module_mainInput__9126ab7b","searchInputFilled":"Dropdown_module_searchInputFilled__9126ab7b","shortcutDisplay":"Dropdown_module_shortcutDisplay__9126ab7b","shortcutText":"Dropdown_module_shortcutText__9126ab7b","searchTagsContainer":"Dropdown_module_searchTagsContainer__9126ab7b","searchTag":"Dropdown_module_searchTag__9126ab7b","tagKey":"Dropdown_module_tagKey__9126ab7b","tagValue":"Dropdown_module_tagValue__9126ab7b","tagValueInput":"Dropdown_module_tagValueInput__9126ab7b","tagClose":"Dropdown_module_tagClose__9126ab7b","tagInput":"Dropdown_module_tagInput__9126ab7b","filterKeyTag":"Dropdown_module_filterKeyTag__9126ab7b","filterKeyLabel":"Dropdown_module_filterKeyLabel__9126ab7b"};
+n(css$x,{});
+
+var _excluded$1 = ["label", "placeholder", "helperText", "value", "defaultValue", "selectedValues", "defaultSelectedValues", "options", "dataLabel", "customAllLabel", "state", "size", "variant", "required", "disabled", "readOnly", "helpIcon", "helpText", "errorIcon", "warningIcon", "icon", "searchIcon", "shortcut", "onShortcut", "enableAdvancedSearch", "searchTags", "defaultSearchTags", "availableKeys", "onAdvancedSearchChange", "tagOptionsEnabled", "tagOptions", "onChange", "onMultiSelectChange", "onSearchChange", "onFocus", "onBlur", "popoverOffset", "popoverClassName", "className", "id", "name"];
+var Dropdown$1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var label = _ref.label,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? 'Select the option' : _ref$placeholder,
+    _ref$helperText = _ref.helperText,
+    helperText = _ref$helperText === void 0 ? 'This is a hint text to help user.' : _ref$helperText,
+    value = _ref.value,
+    defaultValue = _ref.defaultValue,
+    selectedValues = _ref.selectedValues,
+    defaultSelectedValues = _ref.defaultSelectedValues,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? [] : _ref$options,
+    _ref$dataLabel = _ref.dataLabel,
+    dataLabel = _ref$dataLabel === void 0 ? 'option' : _ref$dataLabel,
+    _ref$customAllLabel = _ref.customAllLabel,
+    customAllLabel = _ref$customAllLabel === void 0 ? 'All' : _ref$customAllLabel,
+    _ref$state = _ref.state,
+    state = _ref$state === void 0 ? 'default' : _ref$state,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'sm' : _ref$size,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'simple' : _ref$variant,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? true : _ref$required,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+    _ref$helpIcon = _ref.helpIcon,
+    helpIcon = _ref$helpIcon === void 0 ? true : _ref$helpIcon,
+    helpText = _ref.helpText,
+    _ref$errorIcon = _ref.errorIcon,
+    errorIcon = _ref$errorIcon === void 0 ? true : _ref$errorIcon,
+    _ref$warningIcon = _ref.warningIcon,
+    warningIcon = _ref$warningIcon === void 0 ? true : _ref$warningIcon,
+    icon = _ref.icon,
+    searchIcon = _ref.searchIcon,
+    shortcut = _ref.shortcut,
+    onShortcut = _ref.onShortcut,
+    _ref$enableAdvancedSe = _ref.enableAdvancedSearch,
+    enableAdvancedSearch = _ref$enableAdvancedSe === void 0 ? false : _ref$enableAdvancedSe,
+    searchTags = _ref.searchTags,
+    defaultSearchTags = _ref.defaultSearchTags,
+    _ref$availableKeys = _ref.availableKeys,
+    availableKeys = _ref$availableKeys === void 0 ? [] : _ref$availableKeys,
+    onAdvancedSearchChange = _ref.onAdvancedSearchChange,
+    _ref$tagOptionsEnable = _ref.tagOptionsEnabled,
+    tagOptionsEnabled = _ref$tagOptionsEnable === void 0 ? false : _ref$tagOptionsEnable,
+    _ref$tagOptions = _ref.tagOptions,
+    tagOptions = _ref$tagOptions === void 0 ? [] : _ref$tagOptions,
+    onChange = _ref.onChange,
+    onMultiSelectChange = _ref.onMultiSelectChange,
+    onSearchChange = _ref.onSearchChange,
+    onFocus = _ref.onFocus,
+    onBlur = _ref.onBlur,
+    popoverOffset = _ref.popoverOffset,
+    popoverClassName = _ref.popoverClassName,
+    className = _ref.className,
+    id = _ref.id,
+    name = _ref.name,
+    props = _objectWithoutProperties(_ref, _excluded$1);
+  // Internal state for uncontrolled component
+  // setInternalValue will be used when dropdown menu selection is implemented
+  var _useState = React.useState(defaultValue || ''),
+    _useState2 = _slicedToArray(_useState, 2),
+    internalValue = _useState2[0],
+    setInternalValue = _useState2[1];
+  var _useState3 = React.useState(defaultSelectedValues || []),
+    _useState4 = _slicedToArray(_useState3, 2),
+    internalSelectedValues = _useState4[0],
+    setInternalSelectedValues = _useState4[1];
+  var _useState5 = React.useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isFocused = _useState6[0],
+    setIsFocused = _useState6[1];
+  var _useState7 = React.useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isOpen = _useState8[0],
+    setIsOpen = _useState8[1];
+  var _useState9 = React.useState(''),
+    _useState0 = _slicedToArray(_useState9, 2),
+    searchValue = _useState0[0],
+    setSearchValue = _useState0[1]; // For search variant
+  // Advanced search state - simplified
+  var _useState1 = React.useState(defaultSearchTags || []),
+    _useState10 = _slicedToArray(_useState1, 2),
+    internalSearchTags = _useState10[0],
+    setInternalSearchTags = _useState10[1];
+  var dropdownButtonRef = React.useRef(null);
+  var searchInputRef = React.useRef(null); // For search variant
+  var dropdownContainerRef = React.useRef(null); // For popover anchoring
+  var searchContainerRef = React.useRef(null); // For search variant anchoring
+  var searchTagsContainerRef = React.useRef(null); // For tags scrolling behavior
+  // Tag options state
+  var _useState11 = React.useState(null),
+    _useState12 = _slicedToArray(_useState11, 2),
+    focusedTagId = _useState12[0],
+    setFocusedTagId = _useState12[1]; // Track which tag should show options
+  var _useState13 = React.useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    tagOptionsOpen = _useState14[0],
+    setTagOptionsOpen = _useState14[1]; // Track tag options dropdown visibility
+  var focusedTagRef = React.useRef(null); // Reference to focused tag input
+  // Expose focus method via ref
+  React.useImperativeHandle(ref, function () {
+    return {
+      focus: function focus() {
+        if (variant === 'search' && searchInputRef.current && !disabled && !readOnly) {
+          searchInputRef.current.focus();
+          setIsOpen(true);
+          setIsFocused(true);
+        } else if (dropdownButtonRef.current && !disabled && !readOnly) {
+          dropdownButtonRef.current.focus();
+          setIsOpen(true); // Open the dropdown to show options
+          setIsFocused(true);
+        }
+      }
+    };
+  });
+  // Keyboard shortcut support for search variant
+  React.useEffect(function () {
+    if (variant !== 'search' || !shortcut) return;
+    var handleKeyDown = function handleKeyDown(e) {
+      // Parse shortcut (e.g., '⌘T' -> Cmd+T)
+      var isCtrlOrCmd = e.metaKey || e.ctrlKey;
+      var shortcutKey = shortcut.replace('⌘', '').toLowerCase();
+      if (isCtrlOrCmd && e.key.toLowerCase() === shortcutKey) {
+        e.preventDefault();
+        onShortcut === null || onShortcut === void 0 || onShortcut();
+        // Focus the search input
+        if (searchInputRef.current && !disabled && !readOnly) {
+          searchInputRef.current.focus();
+          setIsOpen(true);
+          setIsFocused(true);
+        }
+      }
+    };
+    window.addEventListener('keydown', handleKeyDown);
+    return function () {
+      return window.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [variant, shortcut, onShortcut, disabled, readOnly]);
+  // Advanced search helper functions - simplified
+  var currentSearchTags = searchTags !== undefined ? searchTags : internalSearchTags;
+  var generateTagId = function generateTagId() {
+    return "tag-".concat(Date.now(), "-").concat(Math.random().toString(36).substr(2, 9));
+  };
+  var emitAdvancedSearchChange = function emitAdvancedSearchChange(tags, searchText) {
+    if (!onAdvancedSearchChange) return;
+    var result = {
+      tags: tags.map(function (_ref2) {
+        var key = _ref2.key,
+          value = _ref2.value;
+        return {
+          key: key,
+          value: value
+        };
+      }),
+      defaultSearch: searchText
+    };
+    onAdvancedSearchChange(result);
+  };
+  // Handle key selection from dropdown
+  var handleKeySelect = function handleKeySelect(keyLabel) {
+    var newTag = {
+      id: generateTagId(),
+      key: keyLabel,
+      value: '',
+      isEditingValue: true
+    };
+    var updatedTags = [].concat(_toConsumableArray(currentSearchTags), [newTag]);
+    if (searchTags === undefined) {
+      setInternalSearchTags(updatedTags);
+    }
+    // Clear main search and close dropdown
+    setSearchValue('');
+    setIsOpen(false);
+    emitAdvancedSearchChange(updatedTags, '');
+    // Focus will be managed by the Tag component's ref callback
+  };
+  // Handle tag value updates
+  var handleTagValueUpdate = function handleTagValueUpdate(tagId, newValue) {
+    var finalize = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    var updatedTags = currentSearchTags.map(function (tag) {
+      return tag.id === tagId ? _objectSpread2(_objectSpread2({}, tag), {}, {
+        value: newValue,
+        isEditingValue: !finalize
+      }) : tag;
+    });
+    // Update internal state immediately for controlled components
+    if (searchTags === undefined) {
+      setInternalSearchTags(updatedTags);
+    }
+    // Always emit the change for external consumers
+    emitAdvancedSearchChange(updatedTags, searchValue);
+    // Close tag options popover when finalizing
+    if (finalize && tagOptionsEnabled && focusedTagId === tagId) {
+      handleTagOptionsPopoverClose();
+    }
+    // Focus main input after finalizing tag edit
+    if (finalize && searchInputRef.current) {
+      setTimeout(function () {
+        var _searchInputRef$curre;
+        (_searchInputRef$curre = searchInputRef.current) === null || _searchInputRef$curre === void 0 || _searchInputRef$curre.focus();
+        setIsOpen(true); // Reopen dropdown for continued searching
+      }, 100);
+    }
+  };
+  // Handle tag removal
+  var handleTagRemove = function handleTagRemove(tagId) {
+    var updatedTags = currentSearchTags.filter(function (tag) {
+      return tag.id !== tagId;
+    });
+    if (searchTags === undefined) {
+      setInternalSearchTags(updatedTags);
+    }
+    emitAdvancedSearchChange(updatedTags, searchValue);
+    // Focus main input after removal
+    if (searchInputRef.current) {
+      setTimeout(function () {
+        var _searchInputRef$curre2;
+        return (_searchInputRef$curre2 = searchInputRef.current) === null || _searchInputRef$curre2 === void 0 ? void 0 : _searchInputRef$curre2.focus();
+      }, 50);
+    }
+  };
+  // Handle tag options focus
+  var handleTagOptionsFocus = function handleTagOptionsFocus(tagId, inputElement) {
+    if (tagOptionsEnabled && tagOptions.length > 0) {
+      setFocusedTagId(tagId);
+      focusedTagRef.current = inputElement;
+      setTagOptionsOpen(true);
+    }
+  };
+  // Handle tag option selection
+  var handleTagOptionSelect = function handleTagOptionSelect(optionValue) {
+    if (focusedTagId) {
+      // Update the focused tag's value and close the popover
+      handleTagValueUpdate(focusedTagId, optionValue, true); // Auto-finalize
+      // Delay closing the popover slightly to ensure value update completes
+      setTimeout(function () {
+        handleTagOptionsPopoverClose();
+      }, 50);
+    }
+  };
+  // Handle tag options popover close
+  var handleTagOptionsPopoverClose = function handleTagOptionsPopoverClose() {
+    setTagOptionsOpen(false);
+    setFocusedTagId(null);
+    focusedTagRef.current = null;
+  };
+  // Get filtered keys based on search input
+  var getFilteredKeys = function getFilteredKeys() {
+    if (!enableAdvancedSearch || !availableKeys) return [];
+    // If no search value, show all available keys for advanced search
+    if (!searchValue) return availableKeys;
+    // Filter keys based on search input
+    return availableKeys.filter(function (key) {
+      return key.label.toLowerCase().includes(searchValue.toLowerCase());
+    });
+  };
+  var filteredKeys = getFilteredKeys();
+  // Check if multi-select mode
+  var isMultiSelect = variant === 'multi-select';
+  // Create enhanced options with "All" option for multi-select
+  var enhancedOptions = isMultiSelect ? [{
+    value: '__all__',
+    label: customAllLabel
+  }].concat(_toConsumableArray(options)) : options;
+  // Get actual options (excluding "All" option) for value filtering
+  var actualOptions = options;
+  // Determine current display value and selection
+  var displayValue = value !== undefined ? value : internalValue;
+  var currentSelectedValues = selectedValues !== undefined ? selectedValues : internalSelectedValues;
+  // For single select
+  var selectedOption = actualOptions.find(function (opt) {
+    return opt.value === displayValue;
+  });
+  var isSelected = isMultiSelect ? currentSelectedValues.length > 0 : !!selectedOption;
+  // Check if "All" is selected (all actual options are selected)
+  var isAllSelected = isMultiSelect && actualOptions.length > 0 && actualOptions.every(function (option) {
+    return currentSelectedValues.includes(option.value);
+  });
+  // Generate display text based on mode and dataLabel
+  var getDisplayText = function getDisplayText() {
+    if (isMultiSelect) {
+      if (currentSelectedValues.length === 0) {
+        return placeholder;
+      }
+      if (!dataLabel) {
+        return "".concat(currentSelectedValues.length, " selected");
+      }
+      // Handle dataLabel (string or object with singular/plural)
+      if (typeof dataLabel === 'string') {
+        return "Selected ".concat(dataLabel);
+      }
+      // Handle object with singular/plural
+      var labelText = currentSelectedValues.length === 1 ? dataLabel.singular : dataLabel.plural;
+      return "Selected ".concat(labelText);
+    }
+    return (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) || placeholder;
+  };
+  var displayText = getDisplayText();
+  // Determine actual state based on props and internal state
+  var getActualState = function getActualState() {
+    if (disabled) return 'disabled';
+    if (readOnly) return 'read-only';
+    if (state !== 'default') return state;
+    // Auto-determine state based on focus and interaction
+    if (isFocused || isOpen) return 'focus';
+    if (isSelected) return 'selected';
+    return 'default';
+  };
+  var actualState = getActualState();
+  // Determine helper text color
+  var getHelperTextClass = function getHelperTextClass() {
+    switch (actualState) {
+      case 'error':
+        return modules_5709697d.helperError;
+      case 'warning':
+        return modules_5709697d.helperWarning;
+      default:
+        return modules_5709697d.helperDefault;
+    }
+  };
+  // Show status icon (error/warning)
+  var showStatusIcon = function showStatusIcon() {
+    return actualState === 'error' && errorIcon || actualState === 'warning' && warningIcon;
+  };
+  // Get appropriate status icon
+  var getStatusIcon = function getStatusIcon() {
+    switch (actualState) {
+      case 'error':
+        return jsxRuntime.jsx(Error$1, {
+          hexagon: true
+        });
+      case 'warning':
+        return jsxRuntime.jsx(Warning, {
+          hexagon: true
+        });
+      default:
+        return null;
+    }
+  };
+  // Handle dropdown toggle
+  var handleToggle = function handleToggle() {
+    if (disabled || readOnly) return;
+    var newIsOpen = !isOpen;
+    setIsOpen(newIsOpen);
+    // Set focus when opening, clear when closing
+    if (newIsOpen) {
+      setIsFocused(true);
+    }
+  };
+  // Handle button focus
+  var handleButtonFocus = function handleButtonFocus(e) {
+    setIsFocused(true);
+    onFocus === null || onFocus === void 0 || onFocus(e);
+  };
+  // Handle button blur
+  var handleButtonBlur = function handleButtonBlur(e) {
+    // Only blur if not clicking inside the popover
+    var relatedTarget = e.relatedTarget;
+    if (relatedTarget && relatedTarget.closest('[data-dropdown-menu]')) {
+      return; // Don't blur if clicking inside dropdown menu
+    }
+    // Delay blur slightly to allow click events on menu items
+    setTimeout(function () {
+      if (!isOpen) {
+        setIsFocused(false);
+        onBlur === null || onBlur === void 0 || onBlur(e);
+      }
+    }, 100);
+  };
+  // Handle popover close
+  var handlePopoverClose = function handlePopoverClose() {
+    setIsOpen(false);
+    setIsFocused(false);
+  };
+  // Handle multi-select option toggle
+  var handleMultiSelectToggle = function handleMultiSelectToggle(optionValue) {
+    if (disabled || readOnly) return;
+    var newValues;
+    if (optionValue === '__all__') {
+      // Handle "All" option
+      if (isAllSelected) {
+        // Unselect all
+        newValues = [];
+      } else {
+        // Select all actual options (excluding "All")
+        newValues = actualOptions.map(function (option) {
+          return option.value;
+        });
+      }
+    } else {
+      // Handle individual option
+      if (currentSelectedValues.includes(optionValue)) {
+        // Remove from selection
+        newValues = currentSelectedValues.filter(function (val) {
+          return val !== optionValue;
+        });
+      } else {
+        // Add to selection
+        newValues = [].concat(_toConsumableArray(currentSelectedValues), [optionValue]);
+      }
+    }
+    // Update state
+    if (selectedValues === undefined) {
+      setInternalSelectedValues(newValues);
+    }
+    // Always exclude "All" option from onChange callback - only pass actual option values
+    onMultiSelectChange === null || onMultiSelectChange === void 0 || onMultiSelectChange(newValues);
+  };
+  // Handle clear all selections
+  var handleClearAll = function handleClearAll(e) {
+    e.stopPropagation();
+    if (disabled || readOnly) return;
+    if (selectedValues === undefined) {
+      setInternalSelectedValues([]);
+    }
+    onMultiSelectChange === null || onMultiSelectChange === void 0 || onMultiSelectChange([]);
+  };
+  // Handle search input change
+  var handleSearchChange = function handleSearchChange(e) {
+    var newValue = e.target.value;
+    setSearchValue(newValue);
+    onSearchChange === null || onSearchChange === void 0 || onSearchChange(newValue);
+    // Emit advanced search change for real-time updates
+    if (enableAdvancedSearch) {
+      emitAdvancedSearchChange(currentSearchTags, newValue);
+    }
+    // Open/close dropdown based on whether we have matching keys or regular options
+    if (enableAdvancedSearch) {
+      var hasMatchingKeys = availableKeys.some(function (key) {
+        return key.label.toLowerCase().includes(newValue.toLowerCase());
+      });
+      setIsOpen(hasMatchingKeys || newValue.length > 0);
+    } else {
+      var hasMatchingOptions = actualOptions.length > 0;
+      setIsOpen(hasMatchingOptions && newValue.length > 0);
+    }
+  };
+  // Handle search input focus
+  var handleSearchFocus = function handleSearchFocus(e) {
+    setIsFocused(true);
+    setIsOpen(true);
+    onFocus === null || onFocus === void 0 || onFocus(e);
+  };
+  // Handle search input blur
+  var handleSearchBlur = function handleSearchBlur(e) {
+    // Only blur if not clicking inside the popover
+    var relatedTarget = e.relatedTarget;
+    if (relatedTarget && relatedTarget.closest('[data-dropdown-menu]')) {
+      return; // Don't blur if clicking inside dropdown menu
+    }
+    // Delay blur slightly to allow click events on menu items
+    setTimeout(function () {
+      if (!isOpen) {
+        setIsFocused(false);
+        // Reset scroll position to show the beginning of tags/search
+        if (searchTagsContainerRef.current) {
+          searchTagsContainerRef.current.scrollLeft = 0;
+        }
+        onBlur === null || onBlur === void 0 || onBlur(e);
+      }
+    }, 100);
+  };
+  // Determine the icon to use
+  var resolvedIcon = icon;
+  // Shortcut Component
+  var ShortcutDisplay = function ShortcutDisplay() {
+    if (!shortcut) return null;
+    return jsxRuntime.jsx("div", {
+      className: modules_5709697d.shortcutDisplay,
+      children: jsxRuntime.jsx("span", {
+        className: modules_5709697d.shortcutText,
+        children: shortcut
+      })
+    });
+  };
+  return jsxRuntime.jsxs("div", _objectSpread2(_objectSpread2({
+    ref: dropdownContainerRef,
+    className: classes(modules_5709697d.dropdown, className)
+  }, props), {}, {
+    children: [label && jsxRuntime.jsxs("div", {
+      className: modules_5709697d.labelContainer,
+      children: [jsxRuntime.jsx("span", {
+        className: modules_5709697d.label,
+        children: label
+      }), required && jsxRuntime.jsx("span", {
+        className: modules_5709697d.required,
+        children: "*"
+      }), helpIcon && jsxRuntime.jsx(Tooltip$1, {
+        content: helpText || 'Additional information about this field',
+        position: 'top',
+        children: jsxRuntime.jsx("div", {
+          className: modules_5709697d.helpIcon,
+          children: jsxRuntime.jsx(Help, {})
+        })
+      })]
+    }), variant === 'search' ? (/* Search Variant Container */
+    jsxRuntime.jsxs("div", {
+      ref: searchContainerRef,
+      className: classes(modules_5709697d.searchContainer, modules_5709697d[actualState], modules_5709697d[size], disabled && modules_5709697d.disabled),
+      children: [jsxRuntime.jsx("div", {
+        className: modules_5709697d.searchIcon,
+        children: searchIcon ? /*#__PURE__*/React.createElement(searchIcon) : jsxRuntime.jsx(Search, {})
+      }), jsxRuntime.jsxs("div", {
+        ref: searchTagsContainerRef,
+        className: modules_5709697d.searchTagsContainer,
+        children: [enableAdvancedSearch && currentSearchTags.map(function (tag) {
+          var _tag$value;
+          return jsxRuntime.jsx(Tag, {
+            label: "".concat(tag.key, ":"),
+            size: 'sm',
+            closable: true,
+            textField: true,
+            inputValue: tag.isEditingValue ? (_tag$value = tag.value) !== null && _tag$value !== void 0 ? _tag$value : '' // When editing, show actual value
+            : tag.value || '' // When readonly, show value or "Search" placeholder
+            ,
+            inputPlaceholder: '',
+            readOnly: !tag.isEditingValue,
+            onClick: !tag.isEditingValue ? function () {
+              // Start editing when clicking readonly tag
+              var updatedTags = currentSearchTags.map(function (t) {
+                return t.id === tag.id ? _objectSpread2(_objectSpread2({}, t), {}, {
+                  isEditingValue: true
+                }) : t;
+              });
+              if (searchTags === undefined) {
+                setInternalSearchTags(updatedTags);
+              }
+              emitAdvancedSearchChange(updatedTags, searchValue);
+            } : undefined,
+            onInputChange: function onInputChange(value) {
+              // Only handle changes when editing
+              if (tag.isEditingValue) {
+                handleTagValueUpdate(tag.id, value);
+              }
+            },
+            onInputBlur: function onInputBlur() {
+              var _tag$value2;
+              // Handle tag options blur - delay to allow click events on popover
+              if (tagOptionsEnabled && tag.isEditingValue) ;
+              // Reset scroll position to show the beginning when losing focus
+              if (searchTagsContainerRef.current) {
+                searchTagsContainerRef.current.scrollLeft = 0;
+              }
+              // Only finalize if there's a value, otherwise remove tag
+              var currentValue = ((_tag$value2 = tag.value) === null || _tag$value2 === void 0 ? void 0 : _tag$value2.trim()) || '';
+              if (currentValue) {
+                handleTagValueUpdate(tag.id, currentValue, true);
+              } else {
+                // Remove empty tag on blur
+                handleTagRemove(tag.id);
+              }
+            },
+            onInputEnter: function onInputEnter() {
+              var _tag$value3;
+              // Only finalize if there's a value, otherwise stay focused
+              var currentValue = ((_tag$value3 = tag.value) === null || _tag$value3 === void 0 ? void 0 : _tag$value3.trim()) || '';
+              if (currentValue) {
+                handleTagValueUpdate(tag.id, currentValue, true);
+              }
+              // If empty, do nothing - stay in edit mode
+            },
+            onInputClear: function onInputClear() {
+              return handleTagRemove(tag.id);
+            },
+            ref: tag.isEditingValue ? function (node) {
+              if (node && !disabled && !readOnly) {
+                // Focus without selecting text to fix typing issue
+                setTimeout(function () {
+                  try {
+                    node.focus();
+                    // Position cursor at end instead of selecting all
+                    node.setSelectionRange(node.value.length, node.value.length);
+                    // Handle tag options focus if enabled
+                    if (tagOptionsEnabled) {
+                      // Add event listeners for tag options
+                      var handleFocus = function handleFocus() {
+                        return handleTagOptionsFocus(tag.id, node);
+                      };
+                      // Add keyboard event handler for tag options
+                      var handleKeyDown = function handleKeyDown(e) {
+                        if (e.key === 'Enter' || e.key === 'Tab' || e.key === 'Backspace') {
+                          // Close tag options popover on these keys
+                          handleTagOptionsPopoverClose();
+                        }
+                      };
+                      node.addEventListener('focus', handleFocus);
+                      node.addEventListener('keydown', handleKeyDown);
+                      // Trigger focus handler immediately
+                      handleTagOptionsFocus(tag.id, node);
+                      // Cleanup function to remove event listeners
+                      return function () {
+                        node.removeEventListener('focus', handleFocus);
+                        node.removeEventListener('keydown', handleKeyDown);
+                      };
+                    }
+                  } catch (e) {
+                    // Focus might fail, ignore silently
+                  }
+                }, 150);
+              }
+            } : undefined
+          }, tag.id);
+        }), jsxRuntime.jsx(TextField$1, _objectSpread2({
+          ref: searchInputRef,
+          value: searchValue,
+          placeholder: placeholder,
+          onChange: function onChange(e) {
+            return handleSearchChange(e);
+          },
+          onFocus: function onFocus(e) {
+            return handleSearchFocus(e);
+          },
+          onBlur: function onBlur(e) {
+            return handleSearchBlur(e);
+          },
+          disabled: disabled,
+          readOnly: readOnly,
+          type: 'default',
+          size: 'sm',
+          leadingIcon: false,
+          helpIcon: false,
+          label: '',
+          helperText: '',
+          required: false,
+          className: classes(modules_5709697d.searchInput, searchValue && modules_5709697d.searchInputFilled),
+          id: id,
+          name: name
+        }, {
+          onKeyDown: function onKeyDown(e) {
+            if (e.key === 'Enter') {
+              e.preventDefault();
+              // For advanced search - trigger search without creating tags on Enter
+              if (enableAdvancedSearch && searchValue) {
+                emitAdvancedSearchChange(currentSearchTags, searchValue);
+              }
+              // Toggle dropdown
+              setIsOpen(!isOpen);
+            }
+            if (e.key === 'Escape') {
+              var _searchInputRef$curre3;
+              setIsOpen(false);
+              (_searchInputRef$curre3 = searchInputRef.current) === null || _searchInputRef$curre3 === void 0 || _searchInputRef$curre3.blur();
+            }
+            // Backspace handling for tag removal
+            if (e.key === 'Backspace' && enableAdvancedSearch && !searchValue && currentSearchTags.length > 0) {
+              e.preventDefault();
+              // Remove the last tag
+              var lastTag = currentSearchTags[currentSearchTags.length - 1];
+              if (lastTag) {
+                handleTagRemove(lastTag.id);
+              }
+            }
+          }
+        }))]
+      }), showStatusIcon() && jsxRuntime.jsx("div", {
+        className: modules_5709697d.statusIcon,
+        children: getStatusIcon()
+      }), jsxRuntime.jsx(ShortcutDisplay, {})]
+    })) : (/* Regular Button Variant Container */
+    jsxRuntime.jsx("div", {
+      tabIndex: disabled ? -1 : 0,
+      onFocus: handleButtonFocus,
+      onBlur: handleButtonBlur,
+      onKeyDown: function onKeyDown(e) {
+        if (e.key === 'Enter' || e.key === ' ') {
+          e.preventDefault();
+          handleToggle();
+        }
+      },
+      className: modules_5709697d.buttonWrapper,
+      children: jsxRuntime.jsx(Button$1, {
+        ref: dropdownButtonRef,
+        type: 'button',
+        variant: 'ghost',
+        size: size === 'sm' ? 'sm' : 'md',
+        title: jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [jsxRuntime.jsxs("div", {
+            className: modules_5709697d.contentArea,
+            children: [resolvedIcon && jsxRuntime.jsx("div", {
+              className: modules_5709697d.leadingIcon,
+              children: /*#__PURE__*/React.createElement(resolvedIcon)
+            }), isMultiSelect && currentSelectedValues.length > 0 ? jsxRuntime.jsxs(jsxRuntime.Fragment, {
+              children: [jsxRuntime.jsx(Badge, {
+                label: currentSelectedValues.length.toString(),
+                variant: 'badge',
+                size: 'sm',
+                className: classes(modules_5709697d.countBadge, (disabled || readOnly) && modules_5709697d.countBadgeDisabled),
+                onClose: disabled || readOnly ? function () {} // Show button but make it non-functional when disabled
+                : handleClearAll
+              }), jsxRuntime.jsx("span", {
+                className: classes(modules_5709697d.dropdownText, modules_5709697d.selectedText),
+                children: displayText
+              })]
+            }) : jsxRuntime.jsx("span", {
+              className: classes(modules_5709697d.dropdownText, !isSelected && modules_5709697d.placeholder),
+              children: displayText
+            })]
+          }), jsxRuntime.jsxs("div", {
+            className: modules_5709697d.trailingArea,
+            children: [showStatusIcon() && jsxRuntime.jsx("div", {
+              className: modules_5709697d.statusIcon,
+              children: getStatusIcon()
+            }), jsxRuntime.jsx("div", {
+              className: modules_5709697d.dropdownIcon,
+              children: jsxRuntime.jsx(ChevronDownIcon, {})
+            })]
+          })]
+        }),
+        onClick: handleToggle,
+        disabled: disabled,
+        className: classes(modules_5709697d.dropdownContainer, modules_5709697d[actualState], modules_5709697d[size], variant === 'borderless' && modules_5709697d.borderless),
+        id: id
+      })
+    })), jsxRuntime.jsx(Popover, {
+      anchorEl: variant === 'search' ? searchContainerRef.current : dropdownButtonRef.current,
+      open: isOpen && (enableAdvancedSearch ? filteredKeys.length > 0 : enhancedOptions.length > 0),
+      setOpen: handlePopoverClose,
+      placement: 'bottom-start',
+      theme: 'light',
+      withOverlay: false,
+      className: classes(modules_5709697d.dropdownMenuPopover, popoverClassName),
+      middlewareOptions: {
+        offset: popoverOffset !== null && popoverOffset !== void 0 ? popoverOffset : 4,
+        shift: {
+          padding: 8
+        },
+        flip: {
+          padding: 8
+        }
+      },
+      children: jsxRuntime.jsx("div", {
+        className: modules_5709697d.dropdownMenu,
+        "data-dropdown-menu": true,
+        children: enableAdvancedSearch ? jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [jsxRuntime.jsx("div", {
+            className: modules_5709697d.filtersHeader,
+            children: jsxRuntime.jsx("div", {
+              className: modules_5709697d.filtersTitle,
+              children: "Filters"
+            })
+          }), filteredKeys.map(function (keyOption) {
+            return jsxRuntime.jsx("div", {
+              className: modules_5709697d.dropdownMenuItem,
+              onClick: function onClick() {
+                if (disabled || readOnly) return;
+                handleKeySelect(keyOption.label);
+              },
+              children: jsxRuntime.jsx("div", {
+                className: modules_5709697d.dropdownMenuItemInner,
+                children: jsxRuntime.jsx("div", {
+                  className: modules_5709697d.dropdownMenuItemContent,
+                  children: jsxRuntime.jsx(Badge, {
+                    variant: 'modern',
+                    size: 'sm',
+                    label: "".concat(keyOption.label, ":")
+                  })
+                })
+              })
+            }, keyOption.value);
+          })]
+        }) : (/* Regular Options */
+        enhancedOptions.map(function (option) {
+          // For "All" option, determine its state (checked/indeterminate/unchecked)
+          var isOptionSelected = option.value === '__all__' ? isAllSelected : isMultiSelect ? currentSelectedValues.includes(option.value) : option.value === displayValue;
+          // For "All" option, show indeterminate state when some (but not all) items are selected
+          var isIndeterminate = option.value === '__all__' && currentSelectedValues.length > 0 && !isAllSelected;
+          return jsxRuntime.jsx("div", {
+            className: classes(modules_5709697d.dropdownMenuItem, isOptionSelected && modules_5709697d.dropdownMenuItemSelected, isMultiSelect && modules_5709697d.dropdownMenuItemMultiSelect),
+            onClick: function onClick() {
+              if (disabled || readOnly) return;
+              if (isMultiSelect) {
+                handleMultiSelectToggle(option.value);
+                // Don't close dropdown for multi-select
+              } else {
+                // Single select behavior
+                var newValue = option.value;
+                if (value === undefined) {
+                  setInternalValue(newValue);
+                }
+                // Update search input for search variant
+                if (variant === 'search') {
+                  setSearchValue(option.label);
+                }
+                onChange === null || onChange === void 0 || onChange(newValue);
+                // Close dropdown and clear focus after selection
+                setIsOpen(false);
+                setIsFocused(false);
+              }
+            },
+            children: jsxRuntime.jsxs("div", {
+              className: modules_5709697d.dropdownMenuItemInner,
+              children: [jsxRuntime.jsxs("div", {
+                className: modules_5709697d.dropdownMenuItemContent,
+                children: [isMultiSelect && jsxRuntime.jsx("div", {
+                  className: modules_5709697d.dropdownMenuItemCheckbox,
+                  children: jsxRuntime.jsx(Checkbox$1, {
+                    size: size === 'sm' ? 'sm' : 'md',
+                    checked: isOptionSelected,
+                    indeterminate: isIndeterminate,
+                    onChange: function onChange() {},
+                    disabled: disabled || readOnly
+                  })
+                }), option.icon && !isMultiSelect && option.value !== '__all__' && jsxRuntime.jsx("div", {
+                  className: modules_5709697d.dropdownMenuItemIcon,
+                  children: /*#__PURE__*/React.createElement(option.icon)
+                }), jsxRuntime.jsx("span", {
+                  className: modules_5709697d.dropdownMenuItemText,
+                  children: option.label
+                })]
+              }), !isMultiSelect && isOptionSelected && jsxRuntime.jsx("div", {
+                className: modules_5709697d.dropdownMenuItemCheck,
+                children: jsxRuntime.jsx(TickIcon, {})
+              })]
+            })
+          }, option.value);
+        }))
+      })
+    }), tagOptionsEnabled && tagOptions.length > 0 && jsxRuntime.jsx(Popover, {
+      anchorEl: searchContainerRef.current,
+      open: tagOptionsOpen && focusedTagId !== null,
+      setOpen: handleTagOptionsPopoverClose,
+      placement: 'bottom-start',
+      theme: 'light',
+      withOverlay: false,
+      className: classes(modules_5709697d.dropdownMenuPopover, popoverClassName),
+      middlewareOptions: {
+        offset: popoverOffset !== null && popoverOffset !== void 0 ? popoverOffset : 4,
+        shift: {
+          padding: 8
+        },
+        flip: {
+          padding: 8
+        }
+      },
+      children: jsxRuntime.jsxs("div", {
+        className: modules_5709697d.dropdownMenu,
+        "data-tag-options-menu": true,
+        children: [jsxRuntime.jsx("div", {
+          className: modules_5709697d.filtersHeader,
+          children: jsxRuntime.jsx("div", {
+            className: modules_5709697d.filtersTitle,
+            children: "Options"
+          })
+        }), tagOptions.map(function (option) {
+          return jsxRuntime.jsx("div", {
+            className: modules_5709697d.dropdownMenuItem,
+            onMouseDown: function onMouseDown(e) {
+              // Prevent input blur when clicking on option
+              e.preventDefault();
+            },
+            onClick: function onClick(e) {
+              if (disabled || readOnly) return;
+              e.stopPropagation(); // Prevent event bubbling
+              handleTagOptionSelect(option.value);
+            },
+            children: jsxRuntime.jsx("div", {
+              className: modules_5709697d.dropdownMenuItemInner,
+              children: jsxRuntime.jsxs("div", {
+                className: modules_5709697d.dropdownMenuItemContent,
+                children: [option.icon && jsxRuntime.jsx("div", {
+                  className: modules_5709697d.dropdownMenuItemIcon,
+                  children: /*#__PURE__*/React.createElement(option.icon)
+                }), jsxRuntime.jsx("span", {
+                  className: modules_5709697d.dropdownMenuItemText,
+                  children: option.label
+                })]
+              })
+            })
+          }, option.value);
+        })]
+      })
+    }), helperText && jsxRuntime.jsx("div", {
+      className: classes(modules_5709697d.helperText, getHelperTextClass()),
+      children: helperText
+    })]
+  }));
+});
+Dropdown$1.displayName = 'Dropdown';
+
+var css$w = ".Toggle_module_root__aac55eed {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--spacing-03, 8px);\n  cursor: pointer;\n  position: relative;\n}\n.Toggle_module_root__aac55eed input {\n  position: absolute;\n  opacity: 0;\n  width: 1px;\n  height: 1px;\n}\n.Toggle_module_root__aac55eed [data-elem=label] {\n  color: var(--text-text-secondary, #484848);\n  font-family: var(--font-font-family, Poppins);\n  font-size: var(--font-font-size-12, 12px);\n  font-weight: var(--font-font-weight-Regular, 400);\n  line-height: var(--font-font-height-16, 16px);\n  letter-spacing: var(--font-font-spacing-large, 0.32px);\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeL__aac55eed {\n  width: 48px;\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeL__aac55eed .Toggle_module_pill__aac55eed {\n  width: 48px;\n  height: 24px;\n  border-radius: 20px;\n  background: var(--Miscellaneous-toggle-off, #bfbfbf);\n  position: relative;\n  transition: background 0.2s ease;\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeL__aac55eed .Toggle_module_pill__aac55eed::before {\n  content: \"\";\n  position: absolute;\n  width: 18px;\n  height: 18px;\n  border-radius: 18px;\n  background: var(--icon-icon-on-color, #fff);\n  top: 3px;\n  left: 3px;\n  transition: transform 0.2s ease;\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeL__aac55eed input:checked + .Toggle_module_pill__aac55eed {\n  background: var(--support-support-success, #24a148);\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeL__aac55eed input:checked + .Toggle_module_pill__aac55eed::before {\n  transform: translateX(24px);\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeS__aac55eed {\n  width: 34px;\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeS__aac55eed .Toggle_module_pill__aac55eed {\n  width: 32px;\n  height: 16px;\n  border-radius: 20px;\n  background: var(--Miscellaneous-toggle-off, #bfbfbf);\n  position: relative;\n  transition: background 0.2s ease;\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeS__aac55eed .Toggle_module_pill__aac55eed::before {\n  content: \"\";\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  border-radius: 10px;\n  background: var(--icon-icon-on-color, #fff);\n  top: 3px;\n  left: 3px;\n  transition: transform 0.2s ease;\n  z-index: 1;\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeS__aac55eed .Toggle_module_pill__aac55eed .Toggle_module_tick__aac55eed {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  top: 3px;\n  left: 3px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 2;\n  pointer-events: none;\n  transition: transform 0.2s ease;\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeS__aac55eed .Toggle_module_pill__aac55eed .Toggle_module_tick__aac55eed.Toggle_module_hideTick__aac55eed {\n  visibility: hidden !important;\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeS__aac55eed input:checked + .Toggle_module_pill__aac55eed {\n  background: var(--support-support-success, #24a148);\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeS__aac55eed input:checked + .Toggle_module_pill__aac55eed::before {\n  transform: translateX(16px);\n}\n.Toggle_module_root__aac55eed.Toggle_module_sizeS__aac55eed input:checked + .Toggle_module_pill__aac55eed .Toggle_module_tick__aac55eed {\n  transform: translateX(16px);\n}\n.Toggle_module_root__aac55eed.Toggle_module_readonly__aac55eed {\n  cursor: not-allowed;\n}\n.Toggle_module_root__aac55eed.Toggle_module_readonly__aac55eed .Toggle_module_pill__aac55eed {\n  background: transparent;\n  border: 1px solid var(--border-border-subtle, #ededed);\n}\n.Toggle_module_root__aac55eed.Toggle_module_readonly__aac55eed .Toggle_module_pill__aac55eed::before {\n  top: 2px;\n  left: 2px;\n  background: var(--icon-icon-primary, #161616);\n}\n.Toggle_module_root__aac55eed.Toggle_module_disabled__aac55eed {\n  cursor: not-allowed;\n}\n.Toggle_module_root__aac55eed.Toggle_module_disabled__aac55eed [data-elem=label] {\n  color: var(--text-text-disabled, #161616);\n  font-family: var(--font-font-family, Poppins);\n  font-size: var(--font-font-size-12, 12px);\n  font-style: normal;\n  font-weight: var(--font-font-weight-Regular, 400);\n  line-height: var(--font-font-height-16, 16px);\n  letter-spacing: var(--font-font-spacing-large, 0.32px);\n  opacity: 0.25;\n}\n.Toggle_module_root__aac55eed.Toggle_module_disabled__aac55eed [data-elem=label] {\n  color: var(--text-text-disabled, #161616);\n}\n.Toggle_module_root__aac55eed.Toggle_module_disabled__aac55eed .Toggle_module_pill__aac55eed {\n  background: var(--button-button-disabled, #dcdcdc);\n}\n.Toggle_module_root__aac55eed.Toggle_module_disabled__aac55eed .Toggle_module_pill__aac55eed::before {\n  background: var(--icon-icon-on-color-disable, #828282);\n}\n.Toggle_module_root__aac55eed input:focus-visible + .Toggle_module_pill__aac55eed {\n  box-shadow: 0 0 0 0.5px #fff, 0 0 0 2px var(--focus-focus-primary, #3b82f6);\n}";
 var modules_a2cdc77c = {"root":"Toggle_module_root__aac55eed","size-l":"Toggle_module_sizeL__aac55eed","pill":"Toggle_module_pill__aac55eed","size-s":"Toggle_module_sizeS__aac55eed","tick":"Toggle_module_tick__aac55eed","hide-tick":"Toggle_module_hideTick__aac55eed","readonly":"Toggle_module_readonly__aac55eed","disabled":"Toggle_module_disabled__aac55eed"};
-n(css$x,{});
+n(css$w,{});
 
 var Toggle = function Toggle(props) {
   var label = props.label,
@@ -6239,10 +8657,8 @@ var Toggle = function Toggle(props) {
     _props$size = props.size,
     size = _props$size === void 0 ? 's' : _props$size,
     readonly = props.readonly;
-  // Freeze controlled vs uncontrolled mode on first render
   var _useRef = React.useRef(checked !== undefined),
     isControlled = _useRef.current;
-  // Uncontrolled state
   var _useState = React.useState(defaultChecked),
     _useState2 = _slicedToArray(_useState, 2),
     uncontrolledChecked = _useState2[0],
@@ -6253,7 +8669,6 @@ var Toggle = function Toggle(props) {
       event.preventDefault();
       return;
     }
-    // Safely extract fieldValue; fall back to event.target.checked
     var helperResult = inputHelper === null || inputHelper === void 0 ? void 0 : inputHelper(event);
     var fieldValue = (_helperResult$fieldVa = helperResult === null || helperResult === void 0 ? void 0 : helperResult.fieldValue) !== null && _helperResult$fieldVa !== void 0 ? _helperResult$fieldVa : event.target.checked;
     if (isControlled) {
@@ -6283,11 +8698,11 @@ var Toggle = function Toggle(props) {
   });
 };
 
-var css$w = ".Text_module_root__d10e5305 {\n  color: var(--text-color);\n}\n.Text_module_root__d10e5305.Text_module_h1__d10e5305 {\n  font-size: 2.25rem;\n  line-height: 2.75rem;\n}\n.Text_module_root__d10e5305.Text_module_h2__d10e5305 {\n  font-size: 1.375rem;\n  line-height: 1.688rem;\n}\n.Text_module_root__d10e5305.Text_module_b1__d10e5305 {\n  font-size: 1rem;\n  line-height: 1.188rem;\n}\n.Text_module_root__d10e5305.Text_module_b2__d10e5305 {\n  font-size: 0.875rem;\n  line-height: 1.188rem;\n}\n.Text_module_root__d10e5305.Text_module_b3__d10e5305 {\n  font-size: 0.75rem;\n  line-height: 1.063rem;\n}\n.Text_module_root__d10e5305.Text_module_regularStroke__d10e5305 {\n  font-weight: 400;\n}\n.Text_module_root__d10e5305.Text_module_mediumStroke__d10e5305 {\n  font-weight: 500;\n}\n.Text_module_root__d10e5305.Text_module_semiboldStroke__d10e5305 {\n  font-weight: 600;\n}\n.Text_module_root__d10e5305.Text_module_boldStroke__d10e5305 {\n  font-weight: 800;\n}";
-var modules_22fa3f10$1 = {"root":"Text_module_root__d10e5305","h1":"Text_module_h1__d10e5305","h2":"Text_module_h2__d10e5305","b1":"Text_module_b1__d10e5305","b2":"Text_module_b2__d10e5305","b3":"Text_module_b3__d10e5305","regular-stroke":"Text_module_regularStroke__d10e5305","medium-stroke":"Text_module_mediumStroke__d10e5305","semibold-stroke":"Text_module_semiboldStroke__d10e5305","bold-stroke":"Text_module_boldStroke__d10e5305"};
-n(css$w,{});
+var css$v = ".Text_module_root__d10e5305 {\n  color: var(--text-color);\n}\n.Text_module_root__d10e5305.Text_module_h1__d10e5305 {\n  font-size: 2.25rem;\n  line-height: 2.75rem;\n}\n.Text_module_root__d10e5305.Text_module_h2__d10e5305 {\n  font-size: 1.375rem;\n  line-height: 1.688rem;\n}\n.Text_module_root__d10e5305.Text_module_b1__d10e5305 {\n  font-size: 1rem;\n  line-height: 1.188rem;\n}\n.Text_module_root__d10e5305.Text_module_b2__d10e5305 {\n  font-size: 0.875rem;\n  line-height: 1.188rem;\n}\n.Text_module_root__d10e5305.Text_module_b3__d10e5305 {\n  font-size: 0.75rem;\n  line-height: 1.063rem;\n}\n.Text_module_root__d10e5305.Text_module_regularStroke__d10e5305 {\n  font-weight: 400;\n}\n.Text_module_root__d10e5305.Text_module_mediumStroke__d10e5305 {\n  font-weight: 500;\n}\n.Text_module_root__d10e5305.Text_module_semiboldStroke__d10e5305 {\n  font-weight: 600;\n}\n.Text_module_root__d10e5305.Text_module_boldStroke__d10e5305 {\n  font-weight: 800;\n}";
+var modules_22fa3f10 = {"root":"Text_module_root__d10e5305","h1":"Text_module_h1__d10e5305","h2":"Text_module_h2__d10e5305","b1":"Text_module_b1__d10e5305","b2":"Text_module_b2__d10e5305","b3":"Text_module_b3__d10e5305","regular-stroke":"Text_module_regularStroke__d10e5305","medium-stroke":"Text_module_mediumStroke__d10e5305","semibold-stroke":"Text_module_semiboldStroke__d10e5305","bold-stroke":"Text_module_boldStroke__d10e5305"};
+n(css$v,{});
 
-var Text$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
+var Text = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$variant = props.variant,
     variant = _props$variant === void 0 ? 'b2' : _props$variant,
     _props$component = props.component,
@@ -6311,7 +8726,7 @@ var Text$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }), weight && {
       fontWeight: weight
     }),
-    className: classes(modules_22fa3f10$1.root, modules_22fa3f10$1[variant], modules_22fa3f10$1["".concat(stroke, "-stroke")], className)
+    className: classes(modules_22fa3f10.root, modules_22fa3f10[variant], modules_22fa3f10["".concat(stroke, "-stroke")], className)
   }, attrs), children);
   if (/*#__PURE__*/React.isValidElement(TextDOM)) {
     return TextDOM;
@@ -6319,9 +8734,9 @@ var Text$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return null;
 });
 
-var css$v = ".Link_module_wrapper__4b6879a4 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid transparent;\n  padding: 1px;\n  border-radius: 2px;\n  box-sizing: border-box;\n}\n.Link_module_wrapper__4b6879a4:active {\n  border-color: var(--link-link-primary, #1f5fcc);\n}\n.Link_module_wrapper__4b6879a4:has(.Link_module_link__4b6879a4:focus-visible) {\n  border-color: var(--link-link-primary, #1f5fcc);\n}\n.Link_module_wrapper__4b6879a4.Link_module_sizeSm__4b6879a4 .Link_module_link__4b6879a4 {\n  font-size: 12px;\n  line-height: 16px;\n  letter-spacing: 0.32px;\n  gap: 8px;\n}\n.Link_module_wrapper__4b6879a4.Link_module_sizeMd__4b6879a4 .Link_module_link__4b6879a4 {\n  font-size: 14px;\n  line-height: 18px;\n  letter-spacing: 0.16px;\n  gap: 10px;\n}\n.Link_module_wrapper__4b6879a4.Link_module_sizeLg__4b6879a4 .Link_module_link__4b6879a4 {\n  font-size: 16px;\n  line-height: 22px;\n  gap: 10px;\n}\n.Link_module_wrapper__4b6879a4.Link_module_disabled__4b6879a4 {\n  opacity: 0.25;\n  pointer-events: none;\n}\n.Link_module_wrapper__4b6879a4.Link_module_disabled__4b6879a4 .Link_module_link__4b6879a4 {\n  color: var(--text-text-disabled, #161616);\n}\n.Link_module_wrapper__4b6879a4.Link_module_disabled__4b6879a4 .Link_module_icon__4b6879a4 {\n  stroke: var(--icon-icon-disabled, #161616);\n}\n.Link_module_wrapper__4b6879a4 .Link_module_link__4b6879a4 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--spacing-03, 8px);\n  text-decoration: none;\n  cursor: pointer;\n  color: var(--link-link-primary, #1f5fcc);\n}\n.Link_module_wrapper__4b6879a4 .Link_module_link__4b6879a4:focus-visible {\n  outline: none;\n}\n.Link_module_wrapper__4b6879a4 .Link_module_link__4b6879a4:hover {\n  color: var(--link-link-primary-hover, #1b55b5);\n}\n.Link_module_wrapper__4b6879a4 .Link_module_link__4b6879a4:hover .Link_module_icon__4b6879a4 {\n  stroke: var(--link-link-primary-hover, #1b55b5);\n}\n.Link_module_wrapper__4b6879a4 .Link_module_link__4b6879a4:visited {\n  color: var(--link-Link-visited, #8a3ffc);\n}\n.Link_module_wrapper__4b6879a4 .Link_module_link__4b6879a4:visited .Link_module_icon__4b6879a4 {\n  stroke: var(--link-Link-visited, #8a3ffc);\n}\n.Link_module_wrapper__4b6879a4 .Link_module_link__4b6879a4:active {\n  color: var(--icon-icon-primary, #161616);\n}\n.Link_module_wrapper__4b6879a4 .Link_module_link__4b6879a4:active .Link_module_icon__4b6879a4 {\n  stroke: var(--icon-icon-primary, #161616);\n}\n.Link_module_wrapper__4b6879a4 .Link_module_icon__4b6879a4 {\n  stroke-width: 1.2px;\n  stroke: var(--link-link-primary, #1f5fcc);\n  width: 16px;\n  height: 16px;\n}\n.Link_module_wrapper__4b6879a4 .Link_module_sizeLg__4b6879a4 .Link_module_icon__4b6879a4 {\n  width: 20px;\n  height: 20px;\n}\n\n.Link_module_unstyled__4b6879a4 {\n  all: unset;\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  background: transparent;\n  border: none;\n  box-shadow: none;\n  outline: none;\n  padding: 0;\n  margin: 0;\n  text-decoration: none;\n  color: inherit;\n  font: inherit;\n}\n.Link_module_unstyled__4b6879a4:focus-visible {\n  outline: none;\n}\n.Link_module_unstyled__4b6879a4:disabled {\n  opacity: 0.25;\n  pointer-events: none;\n  cursor: not-allowed;\n}";
+var css$u = ".Link_module_wrapper__4b6879a4 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid transparent;\n  padding: 1px;\n  border-radius: 2px;\n  box-sizing: border-box;\n}\n.Link_module_wrapper__4b6879a4:active {\n  border-color: var(--link-link-primary, #1f5fcc);\n}\n.Link_module_wrapper__4b6879a4:has(.Link_module_link__4b6879a4:focus-visible) {\n  border-color: var(--link-link-primary, #1f5fcc);\n}\n.Link_module_wrapper__4b6879a4.Link_module_sizeSm__4b6879a4 .Link_module_link__4b6879a4 {\n  font-size: 12px;\n  line-height: 16px;\n  letter-spacing: 0.32px;\n  gap: 8px;\n}\n.Link_module_wrapper__4b6879a4.Link_module_sizeMd__4b6879a4 .Link_module_link__4b6879a4 {\n  font-size: 14px;\n  line-height: 18px;\n  letter-spacing: 0.16px;\n  gap: 10px;\n}\n.Link_module_wrapper__4b6879a4.Link_module_sizeLg__4b6879a4 .Link_module_link__4b6879a4 {\n  font-size: 16px;\n  line-height: 22px;\n  gap: 10px;\n}\n.Link_module_wrapper__4b6879a4.Link_module_disabled__4b6879a4 {\n  opacity: 0.25;\n  pointer-events: none;\n}\n.Link_module_wrapper__4b6879a4.Link_module_disabled__4b6879a4 .Link_module_link__4b6879a4 {\n  color: var(--text-text-disabled, #161616);\n}\n.Link_module_wrapper__4b6879a4.Link_module_disabled__4b6879a4 .Link_module_icon__4b6879a4 {\n  stroke: var(--icon-icon-disabled, #161616);\n}\n.Link_module_wrapper__4b6879a4 .Link_module_link__4b6879a4 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--spacing-03, 8px);\n  text-decoration: none;\n  cursor: pointer;\n  color: var(--link-link-primary, #1f5fcc);\n}\n.Link_module_wrapper__4b6879a4 .Link_module_link__4b6879a4:focus-visible {\n  outline: none;\n}\n.Link_module_wrapper__4b6879a4 .Link_module_link__4b6879a4:hover {\n  color: var(--link-link-primary-hover, #1b55b5);\n}\n.Link_module_wrapper__4b6879a4 .Link_module_link__4b6879a4:hover .Link_module_icon__4b6879a4 {\n  stroke: var(--link-link-primary-hover, #1b55b5);\n}\n.Link_module_wrapper__4b6879a4 .Link_module_link__4b6879a4:visited {\n  color: var(--link-Link-visited, #8a3ffc);\n}\n.Link_module_wrapper__4b6879a4 .Link_module_link__4b6879a4:visited .Link_module_icon__4b6879a4 {\n  stroke: var(--link-Link-visited, #8a3ffc);\n}\n.Link_module_wrapper__4b6879a4 .Link_module_link__4b6879a4:active {\n  color: var(--icon-icon-primary, #161616);\n}\n.Link_module_wrapper__4b6879a4 .Link_module_link__4b6879a4:active .Link_module_icon__4b6879a4 {\n  stroke: var(--icon-icon-primary, #161616);\n}\n.Link_module_wrapper__4b6879a4 .Link_module_icon__4b6879a4 {\n  stroke-width: 1.2px;\n  stroke: var(--link-link-primary, #1f5fcc);\n  width: 16px;\n  height: 16px;\n}\n.Link_module_wrapper__4b6879a4 .Link_module_sizeLg__4b6879a4 .Link_module_icon__4b6879a4 {\n  width: 20px;\n  height: 20px;\n}\n\n.Link_module_unstyled__4b6879a4 {\n  all: unset;\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  background: transparent;\n  border: none;\n  box-shadow: none;\n  outline: none;\n  padding: 0;\n  margin: 0;\n  text-decoration: none;\n  color: inherit;\n  font: inherit;\n}\n.Link_module_unstyled__4b6879a4:focus-visible {\n  outline: none;\n}\n.Link_module_unstyled__4b6879a4:disabled {\n  opacity: 0.25;\n  pointer-events: none;\n  cursor: not-allowed;\n}";
 var modules_e20967e9 = {"wrapper":"Link_module_wrapper__4b6879a4","link":"Link_module_link__4b6879a4","size-sm":"Link_module_sizeSm__4b6879a4","size-md":"Link_module_sizeMd__4b6879a4","size-lg":"Link_module_sizeLg__4b6879a4","disabled":"Link_module_disabled__4b6879a4","icon":"Link_module_icon__4b6879a4","unstyled":"Link_module_unstyled__4b6879a4"};
-n(css$v,{});
+n(css$u,{});
 
 var Link = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var children = props.children,
@@ -6363,7 +8778,7 @@ var Link = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }
   return jsxRuntime.jsx("div", {
     className: classes(modules_e20967e9.wrapper, modules_e20967e9["size-".concat(size)], disabled && modules_e20967e9.disabled),
-    children: jsxRuntime.jsxs(Text$1, {
+    children: jsxRuntime.jsxs(Text, {
       ref: ref,
       component: 'a',
       variant: 'b2',
@@ -6385,9 +8800,9 @@ var Link = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
 });
 
-var css$u = ".BaseModal_module_root__7069ed2d {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  height: 43.75rem;\n  max-height: 100%;\n  background: var(--light-color3);\n  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.13);\n  border-radius: 8px;\n  outline: none;\n  width: 96%;\n}\n@media (min-width: 768px) {\n  .BaseModal_module_root__7069ed2d {\n    width: 72%;\n  }\n}\n@media (min-width: 1024px) {\n  .BaseModal_module_root__7069ed2d {\n    width: 60%;\n    max-width: 84%;\n  }\n}\n@media (min-width: 1280px) {\n  .BaseModal_module_root__7069ed2d {\n    width: 48%;\n    max-width: 62.5rem;\n  }\n}\n.BaseModal_module_root__7069ed2d .BaseModal_module_body__7069ed2d {\n  overflow-y: scroll;\n  padding: 1rem;\n}\n.BaseModal_module_root__7069ed2d .BaseModal_module_body__7069ed2d::-webkit-scrollbar {\n  display: none;\n}\n.BaseModal_module_root__7069ed2d .BaseModal_module_body__7069ed2d {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  color: var(--text-color);\n}\n.BaseModal_module_root__7069ed2d .BaseModal_module_header__7069ed2d,\n.BaseModal_module_root__7069ed2d .BaseModal_module_footer__7069ed2d {\n  padding: 1rem;\n  color: var(--text-color);\n}\n.BaseModal_module_root__7069ed2d .BaseModal_module_header__7069ed2d {\n  font-weight: 500;\n  font-size: 1.375rem;\n  box-shadow: 0px 0.1px 2px rgba(24, 24, 24, 0.08);\n}\n.BaseModal_module_root__7069ed2d .BaseModal_module_footer__7069ed2d {\n  margin-top: auto;\n  border-radius: 0 0 8px 8px;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 1rem;\n}\n.BaseModal_module_root__7069ed2d .BaseModal_module_footer__7069ed2d button.BaseModal_module_dismiss__7069ed2d[data-elem=base-cell] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: stretch;\n  color: var(--mono-color1);\n  background-color: var(--light-color2);\n  border-radius: 0.25rem;\n  outline: 1px solid var(--light-color2) !important;\n  border: none;\n}\n.BaseModal_module_root__7069ed2d .BaseModal_module_footer__7069ed2d button.BaseModal_module_dismiss__7069ed2d[data-elem=base-cell]:hover {\n  background-color: var(--light-color1);\n}\n.BaseModal_module_root__7069ed2d button.BaseModal_module_close__7069ed2d[data-elem=base-cell] {\n  position: absolute;\n  right: 1rem;\n  top: 1rem;\n  padding: 0.25rem;\n  height: auto;\n  background: var(--light-color3);\n}\n.BaseModal_module_root__7069ed2d button.BaseModal_module_close__7069ed2d[data-elem=base-cell] .BaseModal_module_icon__7069ed2d {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--text-color);\n}";
+var css$t = ".BaseModal_module_root__7069ed2d {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  height: 43.75rem;\n  max-height: 100%;\n  background: var(--light-color3);\n  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.13);\n  border-radius: 8px;\n  outline: none;\n  width: 96%;\n}\n@media (min-width: 768px) {\n  .BaseModal_module_root__7069ed2d {\n    width: 72%;\n  }\n}\n@media (min-width: 1024px) {\n  .BaseModal_module_root__7069ed2d {\n    width: 60%;\n    max-width: 84%;\n  }\n}\n@media (min-width: 1280px) {\n  .BaseModal_module_root__7069ed2d {\n    width: 48%;\n    max-width: 62.5rem;\n  }\n}\n.BaseModal_module_root__7069ed2d .BaseModal_module_body__7069ed2d {\n  overflow-y: scroll;\n  padding: 1rem;\n}\n.BaseModal_module_root__7069ed2d .BaseModal_module_body__7069ed2d::-webkit-scrollbar {\n  display: none;\n}\n.BaseModal_module_root__7069ed2d .BaseModal_module_body__7069ed2d {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  color: var(--text-color);\n}\n.BaseModal_module_root__7069ed2d .BaseModal_module_header__7069ed2d,\n.BaseModal_module_root__7069ed2d .BaseModal_module_footer__7069ed2d {\n  padding: 1rem;\n  color: var(--text-color);\n}\n.BaseModal_module_root__7069ed2d .BaseModal_module_header__7069ed2d {\n  font-weight: 500;\n  font-size: 1.375rem;\n  box-shadow: 0px 0.1px 2px rgba(24, 24, 24, 0.08);\n}\n.BaseModal_module_root__7069ed2d .BaseModal_module_footer__7069ed2d {\n  margin-top: auto;\n  border-radius: 0 0 8px 8px;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 1rem;\n}\n.BaseModal_module_root__7069ed2d .BaseModal_module_footer__7069ed2d button.BaseModal_module_dismiss__7069ed2d[data-elem=base-cell] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: stretch;\n  color: var(--mono-color1);\n  background-color: var(--light-color2);\n  border-radius: 0.25rem;\n  outline: 1px solid var(--light-color2) !important;\n  border: none;\n}\n.BaseModal_module_root__7069ed2d .BaseModal_module_footer__7069ed2d button.BaseModal_module_dismiss__7069ed2d[data-elem=base-cell]:hover {\n  background-color: var(--light-color1);\n}\n.BaseModal_module_root__7069ed2d button.BaseModal_module_close__7069ed2d[data-elem=base-cell] {\n  position: absolute;\n  right: 1rem;\n  top: 1rem;\n  padding: 0.25rem;\n  height: auto;\n  background: var(--light-color3);\n}\n.BaseModal_module_root__7069ed2d button.BaseModal_module_close__7069ed2d[data-elem=base-cell] .BaseModal_module_icon__7069ed2d {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--text-color);\n}";
 var modules_f23ae002$1 = {"root":"BaseModal_module_root__7069ed2d","body":"BaseModal_module_body__7069ed2d","header":"BaseModal_module_header__7069ed2d","footer":"BaseModal_module_footer__7069ed2d","dismiss":"BaseModal_module_dismiss__7069ed2d","close":"BaseModal_module_close__7069ed2d","icon":"BaseModal_module_icon__7069ed2d"};
-n(css$u,{});
+n(css$t,{});
 
 var MotionFooter$1 = framerMotion.motion.footer;
 var footerAnimations$1 = {
@@ -6407,12 +8822,12 @@ var ModalHeader$1 = function ModalHeader(_ref) {
   var title = _ref.title,
     description = _ref.description;
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [jsxRuntime.jsx(Text$1, {
+    children: [jsxRuntime.jsx(Text, {
       component: 'h2',
       variant: 'h2',
       weight: 600,
       children: title
-    }), jsxRuntime.jsx(Text$1, {
+    }), jsxRuntime.jsx(Text, {
       component: 'span',
       variant: 'b1',
       weight: 400,
@@ -6571,9 +8986,9 @@ var BaseModal$1 = function BaseModal(props) {
   });
 };
 
-var css$t = ".CheckBox_module_root__6c6c7d85 {\n  cursor: pointer;\n  gap: 10px;\n  color: var(--mono-color1);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_positionLeft__6c6c7d85 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_positionRight__6c6c7d85 {\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: flex-end;\n  align-items: center;\n}\n.CheckBox_module_root__6c6c7d85 input[type=checkbox] {\n  opacity: 0;\n  z-index: 1;\n  position: absolute;\n  width: 1px;\n  height: 1px;\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 {\n  cursor: default;\n  color: var(--mono-color2);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(1) {\n  fill: var(--grey10);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(2) {\n  stroke: var(--grey5);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 .CheckBox_module_icon__6c6c7d85 path {\n  stroke: var(--grey5);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_selected__6c6c7d85 {\n  color: var(--text-color);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) {\n  color: var(--text-color);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(1) {\n  fill: var(--background-color5);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(2) {\n  stroke: var(--secondary-color2);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) .CheckBox_module_icon__6c6c7d85 path {\n  stroke: var(--secondary-color2);\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85 {\n  display: inline-block;\n  border-radius: 0.2rem;\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85.CheckBox_module_iconSm__6c6c7d85 {\n  width: 1rem;\n  height: 1rem;\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85.CheckBox_module_iconMd__6c6c7d85 {\n  width: 1.25rem;\n  height: 1.25rem;\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85.CheckBox_module_iconLg__6c6c7d85 {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n.CheckBox_module_root__6c6c7d85 input:focus + .CheckBox_module_icon__6c6c7d85 {\n  box-shadow: 0px 0px 0px 0.25rem rgba(15, 98, 254, 0.125);\n}\n.CheckBox_module_root__6c6c7d85 [data-elem=label] {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}";
+var css$s = ".CheckBox_module_root__6c6c7d85 {\n  cursor: pointer;\n  gap: 10px;\n  color: var(--mono-color1);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_positionLeft__6c6c7d85 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_positionRight__6c6c7d85 {\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: flex-end;\n  align-items: center;\n}\n.CheckBox_module_root__6c6c7d85 input[type=checkbox] {\n  opacity: 0;\n  z-index: 1;\n  position: absolute;\n  width: 1px;\n  height: 1px;\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 {\n  cursor: default;\n  color: var(--mono-color2);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(1) {\n  fill: var(--grey10);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(2) {\n  stroke: var(--grey5);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 .CheckBox_module_icon__6c6c7d85 path {\n  stroke: var(--grey5);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_selected__6c6c7d85 {\n  color: var(--text-color);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) {\n  color: var(--text-color);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(1) {\n  fill: var(--background-color5);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(2) {\n  stroke: var(--secondary-color2);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) .CheckBox_module_icon__6c6c7d85 path {\n  stroke: var(--secondary-color2);\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85 {\n  display: inline-block;\n  border-radius: 0.2rem;\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85.CheckBox_module_iconSm__6c6c7d85 {\n  width: 1rem;\n  height: 1rem;\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85.CheckBox_module_iconMd__6c6c7d85 {\n  width: 1.25rem;\n  height: 1.25rem;\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85.CheckBox_module_iconLg__6c6c7d85 {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n.CheckBox_module_root__6c6c7d85 input:focus + .CheckBox_module_icon__6c6c7d85 {\n  box-shadow: 0px 0px 0px 0.25rem rgba(15, 98, 254, 0.125);\n}\n.CheckBox_module_root__6c6c7d85 [data-elem=label] {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}";
 var modules_066398a2 = {"root":"CheckBox_module_root__6c6c7d85","position-left":"CheckBox_module_positionLeft__6c6c7d85","position-right":"CheckBox_module_positionRight__6c6c7d85","disabled":"CheckBox_module_disabled__6c6c7d85","icon":"CheckBox_module_icon__6c6c7d85","selected":"CheckBox_module_selected__6c6c7d85","icon-sm":"CheckBox_module_iconSm__6c6c7d85","icon-md":"CheckBox_module_iconMd__6c6c7d85","icon-lg":"CheckBox_module_iconLg__6c6c7d85"};
-n(css$t,{});
+n(css$s,{});
 
 var getIcon = function getIcon(checked, intermediate) {
   if (checked) {
@@ -6595,7 +9010,8 @@ var Checkbox = function Checkbox(props) {
     className = _props$className === void 0 ? '' : _props$className,
     disabled = props.disabled,
     disabledAsChild = props.disabledAsChild,
-    intermediate = props.intermediate;
+    intermediate = props.intermediate,
+    dataTestId = props.dataTestId;
   // Track controlled/uncontrolled mode once on first render
   var _useRef = React.useRef(checked !== undefined),
     isControlled = _useRef.current;
@@ -6622,6 +9038,7 @@ var Checkbox = function Checkbox(props) {
     children: [jsxRuntime.jsx("input", _objectSpread2(_objectSpread2({
       disabled: disabled,
       type: 'checkbox',
+      "data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : label ? "checkbox-input-".concat(label, "-cb-test") : 'checkbox-input-cb-test',
       defaultChecked: defaultChecked
     }, isControlled ? {
       checked: !!checked
@@ -6651,11 +9068,9 @@ var SelectAll = function SelectAll(props) {
   });
 };
 
-function o(f){return r=>{f.forEach(n=>{typeof n=="function"?n(r):n!=null&&(n.current=r);});}}
-
-var css$s = ".Tooltip_module_tooltip__9cc6de6d {\n  text-align: center;\n  border-radius: 0.25rem;\n  min-width: 1rem;\n  max-width: auto;\n  padding: 0.5rem 0.75rem;\n  font-size: 0.875rem;\n  line-height: 1.3125rem;\n  color: var(--light-color3);\n  background-color: var(--text-color);\n}\n.Tooltip_module_tooltip__9cc6de6d.Tooltip_module_light__9cc6de6d {\n  background-color: var(--black);\n  color: var(--white);\n}\n.Tooltip_module_tooltip__9cc6de6d.Tooltip_module_dark__9cc6de6d {\n  background-color: var(--white);\n  color: var(--black);\n}\n.Tooltip_module_tooltip__9cc6de6d .Tooltip_module_arrow__9cc6de6d {\n  position: absolute;\n  width: 0.65rem;\n  height: 0.65rem;\n  z-index: -1;\n  pointer-events: none;\n  transform: rotate(45deg);\n  background: var(--text-color);\n}";
+var css$r = ".Tooltip_module_tooltip__9cc6de6d {\n  text-align: center;\n  border-radius: 0.25rem;\n  min-width: 1rem;\n  max-width: auto;\n  padding: 0.5rem 0.75rem;\n  font-size: 0.875rem;\n  line-height: 1.3125rem;\n  color: var(--light-color3);\n  background-color: var(--text-color);\n}\n.Tooltip_module_tooltip__9cc6de6d.Tooltip_module_light__9cc6de6d {\n  background-color: var(--black);\n  color: var(--white);\n}\n.Tooltip_module_tooltip__9cc6de6d.Tooltip_module_dark__9cc6de6d {\n  background-color: var(--white);\n  color: var(--black);\n}\n.Tooltip_module_tooltip__9cc6de6d .Tooltip_module_arrow__9cc6de6d {\n  position: absolute;\n  width: 0.65rem;\n  height: 0.65rem;\n  z-index: -1;\n  pointer-events: none;\n  transform: rotate(45deg);\n  background: var(--text-color);\n}";
 var modules_e4619b04 = {"tooltip":"Tooltip_module_tooltip__9cc6de6d","light":"Tooltip_module_light__9cc6de6d","dark":"Tooltip_module_dark__9cc6de6d","arrow":"Tooltip_module_arrow__9cc6de6d"};
-n(css$s,{});
+n(css$r,{});
 
 /**
  * Tooltip - A tooltip component to be used as a wrapper to show the customised tooltip for the component
@@ -6796,95 +9211,6 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function (props, propRef) {
   });
 });
 
-var css$r = ".Popover_module_root__fa26af22 {\n  padding: 0.5rem;\n  border-radius: 0.25rem;\n  border: 1px solid var(--grey);\n  z-index: 10;\n}\n.Popover_module_root__fa26af22.Popover_module_darkTheme__fa26af22 {\n  box-shadow: 0px dark 20px rgba(24, 24, 24, 0.08);\n  background-color: var(--dark-grey);\n  color: var(--white);\n  border-color: var(--grey);\n}\n.Popover_module_root__fa26af22.Popover_module_lightTheme__fa26af22 {\n  box-shadow: 0px light 20px rgba(24, 24, 24, 0.08);\n  background-color: var(--white);\n  color: var(--dark-grey);\n  border-color: var(--grey4);\n}";
-var modules_dfc4608f = {"root":"Popover_module_root__fa26af22","dark-theme":"Popover_module_darkTheme__fa26af22","light-theme":"Popover_module_lightTheme__fa26af22"};
-n(css$r,{});
-
-var resolveOffset = function resolveOffset(user) {
-  if (user == null) return {
-    mainAxis: 5
-  };
-  if (typeof user === 'number' || typeof user === 'function') return user;
-  return _objectSpread2({
-    mainAxis: 5
-  }, user);
-};
-var Popover = function Popover(_ref) {
-  var children = _ref.children,
-    anchorEl = _ref.anchorEl,
-    open = _ref.open,
-    setOpen = _ref.setOpen,
-    className = _ref.className,
-    _ref$transparent = _ref.transparent,
-    transparent = _ref$transparent === void 0 ? true : _ref$transparent,
-    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,
-    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 !== null && middlewareOptions !== void 0 && middlewareOptions.flip && _typeof(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({
-        apply: function apply(_ref2) {
-          var rects = _ref2.rects,
-            availableHeight = _ref2.availableHeight,
-            elements = _ref2.elements;
-          Object.assign(elements.floating.style, {
-            width: "".concat(rects.reference.width.toString(), "px"),
-            minWidth: 'fit-content',
-            maxHeight: "".concat(availableHeight.toString(), "px")
-          });
-        },
-        padding: 8
-      })]
-    })),
-    x = _useFloating.x,
-    y = _useFloating.y,
-    reference = _useFloating.reference,
-    floating = _useFloating.floating,
-    strategy = _useFloating.strategy,
-    context = _useFloating.context;
-  var _useInteractions = useInteractions([useDismiss(context)]),
-    getFloatingProps = _useInteractions.getFloatingProps;
-  React.useEffect(function () {
-    if (!open) onClose === null || onClose === void 0 || onClose();
-  }, [open, onClose]);
-  React.useLayoutEffect(function () {
-    reference(anchorEl);
-  }, [anchorEl, reference]);
-  return jsxRuntime.jsx(Popper, {
-    open: open,
-    wrapperId: 'popover',
-    transparent: transparent,
-    lockScroll: lockScroll,
-    withOverlay: withOverlay,
-    children: jsxRuntime.jsx("div", _objectSpread2(_objectSpread2({}, getFloatingProps({
-      ref: floating,
-      style: {
-        position: strategy,
-        top: y !== null && y !== void 0 ? y : 0,
-        left: x !== null && x !== void 0 ? x : 0
-      },
-      className: classes(modules_dfc4608f.root, modules_dfc4608f["".concat(theme, "-theme")], className)
-    })), {}, {
-      children: children
-    }))
-  });
-};
-
 var css$q = ".TextField_module_root__9f23fe8b {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 0.5rem;\n}\n.TextField_module_root__9f23fe8b label {\n  width: 100%;\n  max-width: 100%;\n  font-weight: 400;\n  font-size: 0.75rem;\n  letter-spacing: 0.02rem;\n  color: var(--text-color);\n  letter-spacing: 0.3199999928px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 0.5rem;\n}\n.TextField_module_root__9f23fe8b label .TextField_module_required__9f23fe8b::after {\n  content: \" *\";\n  color: var(--primary-color1);\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  gap: 0.625rem;\n  padding: 0.75rem;\n  height: auto;\n  max-width: 100%;\n  width: 100%;\n  border-radius: 0.25rem;\n  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b:focus-within {\n  outline: 1px solid var(--secondary-color2);\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b .TextField_module_icon__9f23fe8b {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem*=component] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component1] > svg {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component1] > svg.TextField_module_error__9f23fe8b path {\n  stroke: var(--primary-color1);\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component2] {\n  flex: 1;\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component2] .TextField_module_input__9f23fe8b {\n  -moz-appearance: textfield;\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component2] .TextField_module_input__9f23fe8b::-webkit-outer-spin-button, .TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component2] .TextField_module_input__9f23fe8b::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component2] .TextField_module_input__9f23fe8b {\n  flex: 1;\n  background-color: var(--light-color3) !important;\n  border: none;\n  font-weight: 400;\n  color: var(--text-color);\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  letter-spacing: 0.01rem;\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component2] .TextField_module_input__9f23fe8b:focus {\n  outline: none;\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component2] .TextField_module_input__9f23fe8b:disabled {\n  background: var(--grey9);\n  color: var(--grey3);\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component2] .TextField_module_input__9f23fe8b.TextField_module_error__9f23fe8b {\n  color: var(--primary-color1);\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component2] .TextField_module_input__9f23fe8b.TextField_module_sm__9f23fe8b {\n  padding: 0rem 0.5rem;\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component2] .TextField_module_input__9f23fe8b.TextField_module_md__9f23fe8b {\n  padding: 0rem 0.5rem;\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component2] .TextField_module_input__9f23fe8b.TextField_module_lg__9f23fe8b {\n  padding: 0rem 0.5rem;\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component2] .TextField_module_input__9f23fe8b::-moz-placeholder {\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.125rem;\n  letter-spacing: 0.01rem;\n  color: var(--mono-color2);\n  opacity: 1;\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component2] .TextField_module_input__9f23fe8b::placeholder {\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.125rem;\n  letter-spacing: 0.01rem;\n  color: var(--mono-color2);\n  opacity: 1;\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component2] .TextField_module_input__9f23fe8b::-moz-placeholder {\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.125rem;\n  letter-spacing: 0.01rem;\n  color: var(--mono-color2);\n  opacity: 1;\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component2] .TextField_module_input__9f23fe8b:-webkit-autofill, .TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component2] .TextField_module_input__9f23fe8b:-webkit-autofill:hover, .TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component2] .TextField_module_input__9f23fe8b:-webkit-autofill:focus, .TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component2] .TextField_module_input__9f23fe8b:-webkit-autofill:active {\n  -webkit-box-shadow: 0 0 0 30px var(--light-color3) inset !important;\n  -webkit-text-fill-color: initial !important;\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component2] .TextField_module_input__9f23fe8b:autofill, .TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component2] .TextField_module_input__9f23fe8b:autofill:hover, .TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component2] .TextField_module_input__9f23fe8b:autofill:focus, .TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component2] .TextField_module_input__9f23fe8b:autofill:active {\n  box-shadow: 0 0 0 30px var(--light-color3) inset !important;\n  -moz-text-fill-color: initial !important;\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component3] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: 0.75rem;\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component3] button[data-elem=base-cell].TextField_module_button__9f23fe8b[type=button] {\n  width: auto;\n  height: -moz-fit-content;\n  height: fit-content;\n  padding: 0;\n  background-color: transparent;\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component3] button[data-elem=base-cell].TextField_module_button__9f23fe8b[type=button].TextField_module_error__9f23fe8b > [data-elem=component1] .TextField_module_icon__9f23fe8b.TextField_module_error__9f23fe8b.TextField_module_error__9f23fe8b path {\n  stroke: var(--primary-color1);\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component3] .TextField_module_span__9f23fe8b .TextField_module_icon__9f23fe8b {\n  width: 1rem;\n  height: 1rem;\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b > [data-elem=component3] .TextField_module_span__9f23fe8b .TextField_module_icon__9f23fe8b.TextField_module_error__9f23fe8b.TextField_module_error__9f23fe8b path {\n  stroke: var(--primary-color1);\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b.TextField_module_typeTextarea__9f23fe8b {\n  padding: 0;\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b.TextField_module_typeTextarea__9f23fe8b > [data-elem=component2] .TextField_module_input__9f23fe8b {\n  resize: vertical;\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b.TextField_module_typeTextarea__9f23fe8b > [data-elem=component2] .TextField_module_input__9f23fe8b.TextField_module_md__9f23fe8b {\n  padding: 0.313rem 0.75rem;\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b.TextField_module_typeTextarea__9f23fe8b > [data-elem=component2] .TextField_module_input__9f23fe8b.TextField_module_lg__9f23fe8b {\n  padding: 0.5rem 1rem;\n  font-size: 1rem;\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b.TextField_module_feedbackError__9f23fe8b {\n  box-shadow: 0px 0px 2px 0px var(--primary-color1);\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b.TextField_module_borderDefault__9f23fe8b {\n  border-width: 0.063rem;\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b.TextField_module_borderBottom__9f23fe8b {\n  border-width: 0rem 0rem 0.063rem 0rem;\n}\n.TextField_module_root__9f23fe8b label .TextField_module_inputWrapper__9f23fe8b.TextField_module_borderNone__9f23fe8b {\n  border-width: 0rem;\n}";
 var modules_c1d23762 = {"root":"TextField_module_root__9f23fe8b","required":"TextField_module_required__9f23fe8b","input-wrapper":"TextField_module_inputWrapper__9f23fe8b","icon":"TextField_module_icon__9f23fe8b","error":"TextField_module_error__9f23fe8b","input":"TextField_module_input__9f23fe8b","sm":"TextField_module_sm__9f23fe8b","md":"TextField_module_md__9f23fe8b","lg":"TextField_module_lg__9f23fe8b","button":"TextField_module_button__9f23fe8b","span":"TextField_module_span__9f23fe8b","type-textarea":"TextField_module_typeTextarea__9f23fe8b","feedback-error":"TextField_module_feedbackError__9f23fe8b","border-default":"TextField_module_borderDefault__9f23fe8b","border-bottom":"TextField_module_borderBottom__9f23fe8b","border-none":"TextField_module_borderNone__9f23fe8b"};
 n(css$q,{});
@@ -6917,7 +9243,9 @@ var TextField = /*#__PURE__*/React.forwardRef(function (props, inputRef) {
     feedback = props.feedback,
     maxLength = props.maxLength,
     onKeyDown = props.onKeyDown,
-    autocompleteOptions = props.autocompleteOptions;
+    autocompleteOptions = props.autocompleteOptions,
+    _props$unstyled = props.unstyled,
+    unstyled = _props$unstyled === void 0 ? false : _props$unstyled;
   var _useRef = React.useRef(value !== undefined),
     isControlled = _useRef.current;
   var _useState = React.useState(defaultValue),
@@ -7041,7 +9369,7 @@ var TextField = /*#__PURE__*/React.forwardRef(function (props, inputRef) {
     ref: o([inputRef]),
     value: inputValue,
     onChange: handleChange,
-    className: classes(modules_c1d23762[size], modules_c1d23762.input, feedback !== null && feedback !== void 0 && feedback.error ? modules_c1d23762.error : '')
+    className: unstyled ? classes(modules_c1d23762.unstyled, className) : classes(modules_c1d23762[size], modules_c1d23762.input, feedback !== null && feedback !== void 0 && feedback.error ? modules_c1d23762.error : '')
   }, typeof maxLength === 'number' ? {
     maxLength: maxLength
   } : {});
@@ -7049,6 +9377,11 @@ var TextField = /*#__PURE__*/React.forwardRef(function (props, inputRef) {
     type: inputType,
     defaultValue: defaultValue
   }, inputProps));
+  // ── Unstyled Return Path ─────────────────────────────────────────────
+  if (unstyled) {
+    return Input;
+  }
+  // ── Standard Return Path ─────────────────────────────────────────────
   var AutocompletePopover = autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.render;
   return jsxRuntime.jsxs("div", {
     className: classes(modules_c1d23762.root, className),
@@ -7115,7 +9448,8 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, ref) {
     valueAsCount = props.valueAsCount,
     caretAsUpDown = props.caretAsUpDown,
     search = props.search,
-    hideValueOnSelect = props.hideValueOnSelect;
+    hideValueOnSelect = props.hideValueOnSelect,
+    dataTestId = props.dataTestId;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -7438,6 +9772,7 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, ref) {
       })
     }), jsxRuntime.jsxs("div", _objectSpread2(_objectSpread2({
       "data-elem": 'header',
+      "data-testid": "dropdown-header-".concat(placeholder ? placeholder.toString() : dataTestId, "-dpn-test"),
       className: classes(modules_1b90f5ea.header, error ? modules_1b90f5ea.error : ' ', open ? modules_1b90f5ea.open : '', (Array.isArray(value) ? value.length > 0 : !!value) && highlightOnSelect ? modules_1b90f5ea.highlightOnSelect : ''),
       ref: reference
     }, getReferenceProps()), {}, {
@@ -7555,6 +9890,7 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, ref) {
               className: modules_1b90f5ea['multi-clear'],
               blurOnClick: false,
               title: 'Clear',
+              dataTestId: 'dropdown-clear-btn-test',
               size: 'auto',
               disabled: selectedOptions.length === 0,
               onClick: function onClick(event) {
@@ -7565,6 +9901,7 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, ref) {
               }
             }), jsxRuntime.jsx(Button, {
               className: modules_1b90f5ea['multi-apply'],
+              dataTestId: 'dropdown-apply-btn-test',
               title: selectedOptions.length === 0 ? 'Apply' : multiSelectActionTitle !== null && multiSelectActionTitle !== void 0 ? multiSelectActionTitle : 'Apply',
               size: 'auto',
               onClick: onApply
@@ -7590,7 +9927,8 @@ var Radio = function Radio(props) {
     _props$size = props.size,
     size = _props$size === void 0 ? 'sm' : _props$size,
     className = props.className,
-    disabled = props.disabled;
+    disabled = props.disabled,
+    dataTestId = props.dataTestId;
   // Lock controlled vs uncontrolled on first render
   var _useRef = React.useRef(checked !== undefined),
     isControlled = _useRef.current;
@@ -7620,7 +9958,8 @@ var Radio = function Radio(props) {
       type: 'radio',
       // Preserve original pattern: always pass checked (undefined keeps it uncontrolled)
       checked: isChecked,
-      onChange: handleChange
+      onChange: handleChange,
+      "data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : label ? "radio-input-".concat(label, "-rd-test") : 'radio-input-rd-test'
     }), isChecked ? jsxRuntime.jsx(CheckedIcon, {
       "data-elem": 'icon',
       className: classes(modules_3705961f["icon-".concat(size)], modules_3705961f.icon)
@@ -7789,8 +10128,8 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 
-var css$l = ".BaseModal_module_root__627cb2d4 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  top: 50%;\n  left: 50%;\n  right: auto;\n  bottom: auto;\n  transform: translate(-50%, -50%);\n  max-height: 100%;\n  height: 43.75rem;\n  width: 62.5rem;\n  position: fixed;\n  background: var(--light-color3);\n  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.13);\n  border-radius: 8px;\n  outline: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_body__627cb2d4 {\n  overflow-y: scroll;\n  padding: 1rem;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  color: var(--text-color);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_body__627cb2d4::-webkit-scrollbar {\n  display: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_header__627cb2d4,\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 {\n  padding: 1rem;\n  color: var(--text-color);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_header__627cb2d4 {\n  font-weight: 500;\n  font-size: 1.375rem;\n  box-shadow: 0px 0.1px 2px rgba(24, 24, 24, 0.08);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 {\n  margin-top: auto;\n  border-radius: 0 0 8px 8px;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 1rem;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 button.BaseModal_module_dismiss__627cb2d4[data-elem=base-cell] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: stretch;\n  color: var(--mono-color1);\n  background-color: var(--light-color2);\n  border-radius: 0.25rem;\n  outline: 1px solid var(--light-color2) !important;\n  border: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 button.BaseModal_module_dismiss__627cb2d4[data-elem=base-cell]:hover {\n  background-color: var(--light-color1);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell] {\n  position: absolute;\n  right: 1rem;\n  top: 1rem;\n  padding: 0.25rem;\n  height: auto;\n  background: var(--light-color3);\n  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell]:hover {\n  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell] .BaseModal_module_icon__627cb2d4 {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--text-color);\n}";
-var modules_f23ae002 = {"root":"BaseModal_module_root__627cb2d4","body":"BaseModal_module_body__627cb2d4","header":"BaseModal_module_header__627cb2d4","footer":"BaseModal_module_footer__627cb2d4","dismiss":"BaseModal_module_dismiss__627cb2d4","close":"BaseModal_module_close__627cb2d4","icon":"BaseModal_module_icon__627cb2d4"};
+var css$l = ".BaseModal_module_root__387071a4 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  top: 50%;\n  left: 50%;\n  right: auto;\n  bottom: auto;\n  transform: translate(-50%, -50%);\n  max-height: 100%;\n  height: 43.75rem;\n  width: 62.5rem;\n  position: fixed;\n  background: var(--light-color3);\n  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.13);\n  border-radius: 8px;\n  outline: none;\n}\n.BaseModal_module_root__387071a4 .BaseModal_module_body__387071a4 {\n  overflow-y: scroll;\n  padding: 1rem;\n}\n.BaseModal_module_root__387071a4 .BaseModal_module_body__387071a4::-webkit-scrollbar {\n  display: none;\n}\n.BaseModal_module_root__387071a4 .BaseModal_module_body__387071a4 {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  color: var(--text-color);\n}\n.BaseModal_module_root__387071a4 .BaseModal_module_header__387071a4,\n.BaseModal_module_root__387071a4 .BaseModal_module_footer__387071a4 {\n  padding: 1rem;\n  color: var(--text-color);\n}\n.BaseModal_module_root__387071a4 .BaseModal_module_header__387071a4 {\n  font-weight: 500;\n  font-size: 1.375rem;\n  box-shadow: 0px 0.1px 2px rgba(24, 24, 24, 0.08);\n}\n.BaseModal_module_root__387071a4 .BaseModal_module_footer__387071a4 {\n  margin-top: auto;\n  border-radius: 0 0 8px 8px;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 1rem;\n}\n.BaseModal_module_root__387071a4 .BaseModal_module_footer__387071a4 button.BaseModal_module_dismiss__387071a4[data-elem=base-cell] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: stretch;\n  color: var(--mono-color1);\n  background-color: var(--light-color2);\n  border-radius: 0.25rem;\n  outline: 1px solid var(--light-color2) !important;\n  border: none;\n}\n.BaseModal_module_root__387071a4 .BaseModal_module_footer__387071a4 button.BaseModal_module_dismiss__387071a4[data-elem=base-cell]:hover {\n  background-color: var(--light-color1);\n}\n.BaseModal_module_root__387071a4 button.BaseModal_module_close__387071a4[data-elem=base-cell] {\n  position: absolute;\n  right: 1rem;\n  top: 1rem;\n  padding: 0.25rem;\n  height: auto;\n  background: var(--light-color3);\n  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25);\n}\n.BaseModal_module_root__387071a4 button.BaseModal_module_close__387071a4[data-elem=base-cell]:hover {\n  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n}\n.BaseModal_module_root__387071a4 button.BaseModal_module_close__387071a4[data-elem=base-cell] .BaseModal_module_icon__387071a4 {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--text-color);\n}";
+var modules_f23ae002 = {"root":"BaseModal_module_root__387071a4","body":"BaseModal_module_body__387071a4","header":"BaseModal_module_header__387071a4","footer":"BaseModal_module_footer__387071a4","dismiss":"BaseModal_module_dismiss__387071a4","close":"BaseModal_module_close__387071a4","icon":"BaseModal_module_icon__387071a4"};
 n(css$l,{});
 
 var MotionFooter = framerMotion.motion.footer;
@@ -7811,12 +10150,12 @@ var ModalHeader = function ModalHeader(_ref) {
   var title = _ref.title,
     description = _ref.description;
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [jsxRuntime.jsx(Text$1, {
+    children: [jsxRuntime.jsx(Text, {
       component: 'h2',
       variant: 'h2',
       weight: 600,
       children: title
-    }), jsxRuntime.jsx(Text$1, {
+    }), jsxRuntime.jsx(Text, {
       component: 'span',
       variant: 'b1',
       weight: 400,
@@ -7962,6 +10301,7 @@ var BaseModal = function BaseModal(props) {
             size: 'auto',
             variant: 'text',
             className: modules_f23ae002.close,
+            dataTestId: 'modal-cross-dismiss-btn-test',
             onClick: function onClick() {
               toggle === null || toggle === void 0 || toggle(false);
             },
@@ -7993,7 +10333,7 @@ var DIALOG_DEFAULTS = {
 };
 var Header$1 = function Header(_ref) {
   var title = _ref.title;
-  return jsxRuntime.jsx(Text$1, {
+  return jsxRuntime.jsx(Text, {
     component: 'h2',
     variant: 'b1',
     weight: 600,
@@ -8146,7 +10486,7 @@ var modules_a3d40e77 = {"root":"Pagination_module_root__198ee6f9","floating":"Pa
 n(css$f,{});
 
 var reducer = function reducer(state, action) {
-  var _state$currentPage, _state$currentPage2, _action$payload, _state$currentPage3;
+  var _state$currentPage, _state$currentPage2, _action$payload;
   switch (action.type) {
     case 'NEXT_PAGE':
       return _objectSpread2(_objectSpread2({}, state), {}, {
@@ -8161,14 +10501,17 @@ var reducer = function reducer(state, action) {
         currentPage: (_action$payload = action.payload) !== null && _action$payload !== void 0 ? _action$payload : 1
       });
     case 'SET_STEP':
-      var firstRow = (((_state$currentPage3 = state.currentPage) !== null && _state$currentPage3 !== void 0 ? _state$currentPage3 : 1) - 1) * state.step + 1;
-      var newPage = Math.ceil(firstRow / action.payload);
-      var newTotalPages = state.totalData != null ? Math.ceil(state.totalData / action.payload) : state.totalPages;
-      return _objectSpread2(_objectSpread2({}, state), {}, {
-        step: action.payload,
-        currentPage: newPage,
-        totalPages: newTotalPages
-      });
+      {
+        var _state$currentPage3;
+        var firstRow = (((_state$currentPage3 = state.currentPage) !== null && _state$currentPage3 !== void 0 ? _state$currentPage3 : 1) - 1) * state.step + 1;
+        var newPage = Math.ceil(firstRow / action.payload);
+        var newTotalPages = state.totalData != null ? Math.ceil(state.totalData / action.payload) : state.totalPages;
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          step: action.payload,
+          currentPage: newPage,
+          totalPages: newTotalPages
+        });
+      }
     case 'SET_TOTAL_PAGES':
       return _objectSpread2(_objectSpread2({}, state), {}, {
         totalPages: action.payload
@@ -9968,7 +12311,7 @@ var General = function General(_ref) {
     CustomPlaceholder = _ref.customPlaceholder;
   return jsxRuntime.jsx("div", {
     className: classes(modules_4c78d049.root, className),
-    children: CustomPlaceholder ? jsxRuntime.jsx(CustomPlaceholder, {}) : jsxRuntime.jsx(Text$1, {
+    children: CustomPlaceholder ? jsxRuntime.jsx(CustomPlaceholder, {}) : jsxRuntime.jsx(Text, {
       className: modules_4c78d049.placeholder,
       component: 'span',
       variant: 'b1',
@@ -10047,47 +12390,37 @@ var BaseTable = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     return jsxRuntime.jsx(BaseTableSkeleton, {});
   }
   var tabularData = Array.isArray(tableData) ? tableData : [];
+  var commonTableProps = _objectSpread2({
+    headerData: headerData,
+    customCells: customCells,
+    onRowClick: onRowClick,
+    rowHeight: rowHeight,
+    onCheck: onCheck,
+    checkedRows: checkedRows,
+    setCheckedRows: setCheckedRows,
+    uniqueKey: uniqueKey,
+    checkAsRadio: checkAsRadio,
+    disableCheck: disableCheck
+  }, hideColumnLines !== undefined && {
+    hideColumnLines: hideColumnLines
+  });
   return jsxRuntime.jsxs("table", {
     ref: ref,
     "data-elem": 'table',
     className: classes(modules_f1817c60.root, tabularData.length === 0 ? modules_f1817c60['no-scroll'] : '', className),
-    children: [tabularData.length > 0 && jsxRuntime.jsx(TableHeader, _objectSpread2({
-      headerData: headerData,
+    children: [tabularData.length > 0 && jsxRuntime.jsx(TableHeader, _objectSpread2(_objectSpread2({}, commonTableProps), {}, {
       expandable: expandable,
-      customCells: customCells,
       onSort: onSort,
       sortValue: sortValue,
-      onRowClick: onRowClick,
-      onCheck: onCheck,
-      checkedRows: checkedRows,
-      setCheckedRows: setCheckedRows,
-      tableData: tabularData,
-      disableCheck: disableCheck,
-      checkAsRadio: checkAsRadio,
-      rowHeight: rowHeight,
-      uniqueKey: uniqueKey
-    }, hideColumnLines !== undefined && {
-      hideColumnLines: hideColumnLines
+      tableData: tabularData
     })), tabularData.length === 0 ? jsxRuntime.jsx(General, {
       customPlaceholder: emptyPlaceholder
-    }) : jsxRuntime.jsx(TableBody, _objectSpread2({
-      ref: ref,
-      headerData: headerData,
-      customCells: customCells,
+    }) : jsxRuntime.jsx(TableBody, _objectSpread2(_objectSpread2(_objectSpread2({}, commonTableProps), expandable !== undefined && {
+      expandable: expandable
+    }), {}, {
       tableData: tabularData,
-      expandable: expandable,
-      rowHeight: rowHeight,
-      onRowClick: onRowClick,
       defaultActiveIndex: defaultActiveIndex,
-      toggleDrawer: toggleDrawer,
-      onCheck: onCheck,
-      checkedRows: checkedRows,
-      setCheckedRows: setCheckedRows,
-      uniqueKey: uniqueKey,
-      checkAsRadio: checkAsRadio,
-      disableCheck: disableCheck
-    }, hideColumnLines !== undefined && {
-      hideColumnLines: hideColumnLines
+      toggleDrawer: toggleDrawer
     }))]
   });
 });
@@ -10747,41 +13080,73 @@ var Tabs = function Tabs(props) {
   });
 };
 
-var css = ".Text_module_root__d10e5305 {\n  color: var(--text-color);\n}\n.Text_module_root__d10e5305.Text_module_h1__d10e5305 {\n  font-size: 2.25rem;\n  line-height: 2.75rem;\n}\n.Text_module_root__d10e5305.Text_module_h2__d10e5305 {\n  font-size: 1.375rem;\n  line-height: 1.688rem;\n}\n.Text_module_root__d10e5305.Text_module_b1__d10e5305 {\n  font-size: 1rem;\n  line-height: 1.188rem;\n}\n.Text_module_root__d10e5305.Text_module_b2__d10e5305 {\n  font-size: 0.875rem;\n  line-height: 1.188rem;\n}\n.Text_module_root__d10e5305.Text_module_b3__d10e5305 {\n  font-size: 0.75rem;\n  line-height: 1.063rem;\n}\n.Text_module_root__d10e5305.Text_module_regularStroke__d10e5305 {\n  font-weight: 400;\n}\n.Text_module_root__d10e5305.Text_module_mediumStroke__d10e5305 {\n  font-weight: 500;\n}\n.Text_module_root__d10e5305.Text_module_semiboldStroke__d10e5305 {\n  font-weight: 600;\n}\n.Text_module_root__d10e5305.Text_module_boldStroke__d10e5305 {\n  font-weight: 800;\n}";
-var modules_22fa3f10 = {"root":"Text_module_root__d10e5305","h1":"Text_module_h1__d10e5305","h2":"Text_module_h2__d10e5305","b1":"Text_module_b1__d10e5305","b2":"Text_module_b2__d10e5305","b3":"Text_module_b3__d10e5305","regular-stroke":"Text_module_regularStroke__d10e5305","medium-stroke":"Text_module_mediumStroke__d10e5305","semibold-stroke":"Text_module_semiboldStroke__d10e5305","bold-stroke":"Text_module_boldStroke__d10e5305"};
+var css = ".InlineLoader_module_container__3c0b126e {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-family: inherit;\n  color: inherit;\n}\n\n.InlineLoader_module_iconWrapper__3c0b126e {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n}\n\n.InlineLoader_module_spinner__3c0b126e {\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  border: 2px solid rgba(0, 0, 0, 0.08); /* Faint placeholder track */\n  border-top-color: #2563EB; /* Primary branding blue */\n  animation: InlineLoader_module_rootsInlineSpin__3c0b126e 0.85s linear infinite;\n}\n\n@keyframes InlineLoader_module_rootsInlineSpin__3c0b126e {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.InlineLoader_module_successIcon__3c0b126e, .InlineLoader_module_errorIcon__3c0b126e {\n  width: 16px;\n  height: 16px;\n}\n\n.InlineLoader_module_text__3c0b126e {\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 1;\n}";
+var modules_2de83321 = {"container":"InlineLoader_module_container__3c0b126e","iconWrapper":"InlineLoader_module_iconWrapper__3c0b126e","spinner":"InlineLoader_module_spinner__3c0b126e","roots-inline-spin":"InlineLoader_module_rootsInlineSpin__3c0b126e","successIcon":"InlineLoader_module_successIcon__3c0b126e","errorIcon":"InlineLoader_module_errorIcon__3c0b126e","text":"InlineLoader_module_text__3c0b126e"};
 n(css,{});
 
-var Text = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$variant = props.variant,
-    variant = _props$variant === void 0 ? 'b2' : _props$variant,
-    _props$component = props.component,
-    component = _props$component === void 0 ? 'span' : _props$component,
-    _props$stroke = props.stroke,
-    stroke = _props$stroke === void 0 ? 'regular' : _props$stroke,
-    weight = props.weight,
-    italic = props.italic,
-    underline = props.underline,
-    children = props.children,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$attrs = props.attrs,
-    attrs = _props$attrs === void 0 ? {} : _props$attrs;
-  var TextDOM = /*#__PURE__*/React.createElement(component, _objectSpread2({
-    ref: ref,
-    style: _objectSpread2(_objectSpread2(_objectSpread2({}, italic && {
-      fontStyle: 'italic'
-    }), underline && {
-      textDecoration: 'underline'
-    }), weight && {
-      fontWeight: weight
-    }),
-    className: classes(modules_22fa3f10.root, modules_22fa3f10[variant], modules_22fa3f10["".concat(stroke, "-stroke")], className)
-  }, attrs), children);
-  if (/*#__PURE__*/React.isValidElement(TextDOM)) {
-    return TextDOM;
-  }
-  return null;
-});
+var SuccessIcon = function SuccessIcon(_ref) {
+  var className = _ref.className;
+  return jsxRuntime.jsxs("svg", {
+    className: className,
+    viewBox: '0 0 24 24',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg',
+    children: [jsxRuntime.jsx("circle", {
+      cx: '12',
+      cy: '12',
+      r: '12',
+      fill: '#10B981'
+    }), jsxRuntime.jsx("path", {
+      d: 'M7 13l3 3 7-7',
+      stroke: '#ffffff',
+      strokeWidth: '2.5',
+      strokeLinecap: 'round',
+      strokeLinejoin: 'round'
+    })]
+  });
+};
+var ErrorIcon = function ErrorIcon(_ref2) {
+  var className = _ref2.className;
+  return jsxRuntime.jsxs("svg", {
+    className: className,
+    viewBox: '0 0 24 24',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg',
+    children: [jsxRuntime.jsx("path", {
+      d: 'M12 1L22 6.5V17.5L12 23L2 17.5V6.5L12 1Z',
+      fill: '#DC2626'
+    }), jsxRuntime.jsx("path", {
+      d: 'M12 7V14M12 17V18',
+      stroke: '#ffffff',
+      strokeWidth: '2.5',
+      strokeLinecap: 'round',
+      strokeLinejoin: 'round'
+    })]
+  });
+};
+var InlineLoader = function InlineLoader(_ref3) {
+  var status = _ref3.status,
+    text = _ref3.text,
+    _ref3$className = _ref3.className,
+    className = _ref3$className === void 0 ? '' : _ref3$className;
+  return jsxRuntime.jsxs("div", {
+    className: classes(modules_2de83321.container, className),
+    "data-testid": 'inline-loader',
+    children: [jsxRuntime.jsxs("div", {
+      className: modules_2de83321.iconWrapper,
+      children: [status === 'loading' && jsxRuntime.jsx("div", {
+        className: modules_2de83321.spinner
+      }), status === 'success' && jsxRuntime.jsx(SuccessIcon, {
+        className: modules_2de83321.successIcon
+      }), status === 'error' && jsxRuntime.jsx(ErrorIcon, {
+        className: modules_2de83321.errorIcon
+      })]
+    }), text && jsxRuntime.jsx(Text$1, {
+      className: modules_2de83321.text,
+      children: text
+    })]
+  });
+};
 
 exports.Accordion = Accordion;
 exports.Alert = Alert$1;
@@ -10793,12 +13158,17 @@ exports.BaseTableV2 = BaseTable;
 exports.Button = Button$1;
 exports.CheckIcon = CheckIcon;
 exports.Checkbox = Checkbox$1;
+exports.ChevronDownIcon = ChevronDownIcon;
+exports.Dropdown = Dropdown$1;
 exports.ErrorIcon = Error$1;
+exports.HelpIcon = Help;
 exports.IndeterminateIcon = IndeterminateIcon;
+exports.InlineLoader = InlineLoader;
 exports.Link = Link;
 exports.NoDataPlaceHolder = General;
 exports.Pagination = Pagination;
 exports.PaginationList = PaginationList;
+exports.SearchIcon = Search;
 exports.Skeleton = Skeleton;
 exports.Step = Step;
 exports.Stepper = Stepper;
@@ -10809,10 +13179,12 @@ exports.TableHeaderV2 = TableHeader;
 exports.TableRow = TableRow;
 exports.TableV2 = Table;
 exports.Tabs = Tabs;
-exports.Text = Text;
+exports.Text = Text$1;
+exports.TextField = TextField$1;
 exports.ThemedContainer = ThemedContainer;
 exports.TickIcon = TickIcon;
 exports.Toggle = Toggle;
+exports.Tooltip = Tooltip$1;
 exports.WarningIcon = Warning;
 exports.getPagination = getPagination;
 exports.usePagination = usePagination;