@banyan_cloud/roots 2.0.46 → 2.0.48

package/dist/esm/index.js

@@ -3613,12 +3613,30 @@ var MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oc
 var FULL_MONTHS = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
 var DAYS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
 
-var getSpacedDisplayName = function getSpacedDisplayName(input) {
-  if (!input) {
-    return '';
-  }
-  var sanitized = input.replace(/([a-z0-9])([A-Z])/g, '$1 $2').replace(/[-_]/g, ' ').replace(/\s+/g, ' ').trim();
-  var words = sanitized.split(' ').map(function (word) {
+var getSpacedDisplayName = function getSpacedDisplayName() {
+  var input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  if (!input) return '';
+  // 1) trim
+  var str = input.trim();
+  // 2) remove leading "_" or "-" (bounded, not greedy)
+  str = str.replace(/^[_-]+/, '');
+  // 3) normalize "_" and "-" to space
+  // simple character class, global, safe
+  str = str.replace(/[_-]+/g, ' ');
+  // 4) camelCase: fooBar -> foo Bar
+  str = str.replace(/([a-z])([A-Z])/g, '$1 $2');
+  // 5) acronym-to-word: APIResponse -> API Response
+  // (ALLCAPS)(Cap+lower) -> split
+  str = str.replace(/([A-Z]+)([A-Z][a-z])/g, '$1 $2');
+  // 6) collapse multiple spaces (in case we had "_-")
+  str = str.replace(/\s+/g, ' ').trim();
+  // 7) smart-capitalize: keep ALLCAPS as-is, title-case others
+  var words = str.split(' ').map(function (word) {
+    // preserve abbreviations like API, DB, GPT
+    if (/^[A-Z]{2,}$/.test(word)) {
+      return word;
+    }
+    // normal word → Capitalize
     return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
   });
   return words.join(' ');
@@ -17834,8 +17852,8 @@ var SelectAll = function SelectAll(props) {
   });
 };
 
-var css$o = ".Dropdown_module_root__5ddabed4 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 0.5rem;\n  position: relative;\n  width: -moz-fit-content;\n  width: fit-content;\n  max-width: 100%;\n}\n.Dropdown_module_root__5ddabed4 .Dropdown_module_label__5ddabed4 {\n  font-size: 0.75rem;\n  color: var(--text-color);\n}\n.Dropdown_module_root__5ddabed4 .Dropdown_module_label__5ddabed4.Dropdown_module_required__5ddabed4::after {\n  content: \" *\";\n  color: var(--primary-color1);\n}\n.Dropdown_module_root__5ddabed4 .Dropdown_module_header__5ddabed4 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n  max-width: 100%;\n  border-radius: 0.25rem;\n  position: relative;\n}\n.Dropdown_module_root__5ddabed4 .Dropdown_module_header__5ddabed4.Dropdown_module_highlightOnSelect__5ddabed4 [data-elem=select] {\n  background-color: var(--background-color5);\n  color: var(--secondary-color2);\n}\n.Dropdown_module_root__5ddabed4 .Dropdown_module_header__5ddabed4.Dropdown_module_highlightOnSelect__5ddabed4 [data-elem=select] * {\n  color: var(--secondary-color2);\n}\n.Dropdown_module_root__5ddabed4 .Dropdown_module_header__5ddabed4.Dropdown_module_highlightOnSelect__5ddabed4 [data-elem=select] .Dropdown_module_iconBundle__5ddabed4 .Dropdown_module_caretIcon__5ddabed4 {\n  fill: var(--secondary-color2) !important;\n}\n.Dropdown_module_root__5ddabed4 .Dropdown_module_header__5ddabed4.Dropdown_module_highlightOnSelect__5ddabed4 [data-elem=select] .Dropdown_module_iconBundle__5ddabed4 .Dropdown_module_caretIconUpDown__5ddabed4 {\n  fill: transparent;\n}\n.Dropdown_module_root__5ddabed4 .Dropdown_module_header__5ddabed4.Dropdown_module_highlightOnSelect__5ddabed4 [data-elem=select] .Dropdown_module_iconBundle__5ddabed4 .Dropdown_module_caretIconUpDown__5ddabed4 > path {\n  stroke: var(--secondary-color2);\n}\n.Dropdown_module_root__5ddabed4 .Dropdown_module_header__5ddabed4.Dropdown_module_open__5ddabed4 {\n  outline: 1px solid var(--secondary-color2);\n  transition: outline 100ms ease-in-out;\n}\n.Dropdown_module_root__5ddabed4 .Dropdown_module_header__5ddabed4.Dropdown_module_error__5ddabed4 {\n  border: 1px solid var(--primary-color1);\n  border-radius: 0.3125rem;\n}\n.Dropdown_module_root__5ddabed4 .Dropdown_module_header__5ddabed4 .Dropdown_module_input__5ddabed4 {\n  position: absolute;\n  opacity: 0;\n  width: 1px;\n  height: 1px;\n}\n.Dropdown_module_root__5ddabed4 .Dropdown_module_header__5ddabed4 .Dropdown_module_input__5ddabed4:focus + .Dropdown_module_select__5ddabed4 {\n  border-color: var(--primary-color4);\n}\n.Dropdown_module_root__5ddabed4 .Dropdown_module_header__5ddabed4 .Dropdown_module_input__5ddabed4:focus + .Dropdown_module_select__5ddabed4.Dropdown_module_feedbackError__5ddabed4 {\n  border-color: var(--primary-color1);\n}\n.Dropdown_module_root__5ddabed4 .Dropdown_module_header__5ddabed4 .Dropdown_module_select__5ddabed4 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 25rem;\n  max-width: 100%;\n  gap: 0.5rem;\n  outline: none;\n  border-radius: 0.3125rem;\n  padding: 0.75rem 0.75rem 0.75rem 1rem;\n  background: var(--light-color3);\n  cursor: pointer;\n  font-weight: 500;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.Dropdown_module_root__5ddabed4 .Dropdown_module_header__5ddabed4 .Dropdown_module_select__5ddabed4 .Dropdown_module_placeholder__5ddabed4 {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  color: var(--text-color);\n}\n.Dropdown_module_root__5ddabed4 .Dropdown_module_header__5ddabed4 .Dropdown_module_select__5ddabed4 .Dropdown_module_infoIcon__5ddabed4 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n.Dropdown_module_root__5ddabed4 .Dropdown_module_header__5ddabed4 .Dropdown_module_select__5ddabed4 .Dropdown_module_iconBundle__5ddabed4 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  gap: 1rem;\n}\n.Dropdown_module_root__5ddabed4 .Dropdown_module_header__5ddabed4 .Dropdown_module_select__5ddabed4 .Dropdown_module_iconBundle__5ddabed4 .Dropdown_module_caretIcon__5ddabed4 {\n  width: 1.5rem;\n  height: 1.5rem;\n  transition: transform 0.5s;\n  fill: var(--text-color) !important;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  transform: rotate(180deg);\n}\n.Dropdown_module_root__5ddabed4 .Dropdown_module_header__5ddabed4 .Dropdown_module_select__5ddabed4 .Dropdown_module_iconBundle__5ddabed4 .Dropdown_module_caretIcon__5ddabed4.Dropdown_module_open__5ddabed4 {\n  transform: rotate(0deg);\n}\n.Dropdown_module_root__5ddabed4 .Dropdown_module_header__5ddabed4 .Dropdown_module_select__5ddabed4 .Dropdown_module_iconBundle__5ddabed4 .Dropdown_module_caretIconUpDown__5ddabed4 {\n  width: 1.5rem;\n  height: 1.5rem;\n  transition: transform 0.5s;\n  fill: transparent !important;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  transform: rotate(180deg);\n}\n.Dropdown_module_root__5ddabed4 .Dropdown_module_header__5ddabed4 .Dropdown_module_select__5ddabed4 .Dropdown_module_iconBundle__5ddabed4 .Dropdown_module_caretIconUpDown__5ddabed4 > path {\n  stroke: var(--text-color);\n}\n.Dropdown_module_root__5ddabed4 .Dropdown_module_header__5ddabed4 .Dropdown_module_select__5ddabed4 .Dropdown_module_iconBundle__5ddabed4 .Dropdown_module_caretIconUpDown__5ddabed4.Dropdown_module_open__5ddabed4 {\n  transform: rotate(0deg);\n}\n.Dropdown_module_root__5ddabed4 .Dropdown_module_header__5ddabed4 .Dropdown_module_select__5ddabed4 .Dropdown_module_iconBundle__5ddabed4 .Dropdown_module_infoIcon__5ddabed4 path {\n  stroke: var(--primary-color1);\n}\n.Dropdown_module_root__5ddabed4 .Dropdown_module_header__5ddabed4 .Dropdown_module_select__5ddabed4 .Dropdown_module_icon__5ddabed4 {\n  width: 1.5rem;\n  height: 1.5rem;\n  transition: transform 0.5s;\n  fill: var(--text-color) !important;\n}\n.Dropdown_module_root__5ddabed4 .Dropdown_module_header__5ddabed4 .Dropdown_module_select__5ddabed4 .Dropdown_module_icon__5ddabed4.Dropdown_module_open__5ddabed4 {\n  transform: rotate(180deg);\n}\n.Dropdown_module_root__5ddabed4 .Dropdown_module_header__5ddabed4 .Dropdown_module_select__5ddabed4.Dropdown_module_feedbackError__5ddabed4 {\n  border-color: var(--primary-color1);\n}\n.Dropdown_module_root__5ddabed4.Dropdown_module_open__5ddabed4 .Dropdown_module_header__5ddabed4 {\n  border-color: var(--primary-color4);\n}\n.Dropdown_module_root__5ddabed4.Dropdown_module_disabled__5ddabed4 .Dropdown_module_select__5ddabed4 {\n  background: var(--grey10);\n  cursor: not-allowed;\n}\n\n.Dropdown_module_body__5ddabed4 {\n  display: none;\n  position: absolute;\n  top: calc(100% + 0.5rem);\n  background: var(--light-color3);\n  width: auto;\n  border-radius: 0.3125rem;\n  padding: 1.25rem 0rem 1.25rem 0rem;\n  overflow-y: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  min-height: 4rem;\n  max-height: 25rem !important;\n  outline: none;\n  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);\n}\n.Dropdown_module_body__5ddabed4::-webkit-scrollbar {\n  display: none;\n}\n.Dropdown_module_body__5ddabed4.Dropdown_module_multi__5ddabed4 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.Dropdown_module_body__5ddabed4.Dropdown_module_multi__5ddabed4 li:nth-child(1) {\n  padding-left: 1.875rem;\n}\n.Dropdown_module_body__5ddabed4 .Dropdown_module_multiOptions__5ddabed4 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  position: sticky;\n  top: 0;\n  background-color: var(--light-color3);\n  padding-inline: 1.25rem;\n  padding-block: 0.25rem;\n  list-style: none;\n}\n.Dropdown_module_body__5ddabed4 .Dropdown_module_multiOptions__5ddabed4 button[data-elem=base-cell].Dropdown_module_button__5ddabed4[type=button] {\n  width: auto;\n  padding: 0% !important;\n  background-color: transparent;\n  color: var(--secondary-color2);\n}\n.Dropdown_module_body__5ddabed4 .Dropdown_module_multiOptions__5ddabed4 button[data-elem=base-cell].Dropdown_module_button__5ddabed4[type=button] > [data-elem=component2] {\n  margin-left: 0.1rem;\n}\n.Dropdown_module_body__5ddabed4 .Dropdown_module_multiOptions__5ddabed4 button[data-elem=base-cell].Dropdown_module_button__5ddabed4[type=button] > [data-elem=component1] > svg {\n  fill: var(--secondary-color2);\n}\n.Dropdown_module_body__5ddabed4 .Dropdown_module_multiOptions__5ddabed4 .Dropdown_module_items__5ddabed4 {\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: var(--text-color);\n}\n.Dropdown_module_body__5ddabed4 .Dropdown_module_footer__5ddabed4 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  gap: 1rem;\n  position: sticky;\n  background-color: var(--light-color3);\n  padding: 0rem 1rem 1rem;\n  bottom: 0;\n}\n.Dropdown_module_body__5ddabed4 .Dropdown_module_footer__5ddabed4 button[data-elem=base-cell].Dropdown_module_multiApply__5ddabed4[type=submit] {\n  flex: 1;\n}\n.Dropdown_module_body__5ddabed4 .Dropdown_module_footer__5ddabed4 button[data-elem=base-cell].Dropdown_module_multiClear__5ddabed4[type=submit] {\n  background-color: var(--light-color2);\n  color: var(--mono-color1);\n  flex: 1;\n}\n.Dropdown_module_body__5ddabed4 .Dropdown_module_footer__5ddabed4 button[data-elem=base-cell].Dropdown_module_multiClear__5ddabed4[type=submit]:hover {\n  background-color: var(--light-color1);\n}\n.Dropdown_module_body__5ddabed4.Dropdown_module_open__5ddabed4 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}";
-var modules_1b90f5ea = {"root":"Dropdown_module_root__5ddabed4","label":"Dropdown_module_label__5ddabed4","required":"Dropdown_module_required__5ddabed4","header":"Dropdown_module_header__5ddabed4","highlightOnSelect":"Dropdown_module_highlightOnSelect__5ddabed4","icon-bundle":"Dropdown_module_iconBundle__5ddabed4","caret-icon":"Dropdown_module_caretIcon__5ddabed4","caret-icon-upDown":"Dropdown_module_caretIconUpDown__5ddabed4","open":"Dropdown_module_open__5ddabed4","error":"Dropdown_module_error__5ddabed4","input":"Dropdown_module_input__5ddabed4","select":"Dropdown_module_select__5ddabed4","feedback-error":"Dropdown_module_feedbackError__5ddabed4","placeholder":"Dropdown_module_placeholder__5ddabed4","info-icon":"Dropdown_module_infoIcon__5ddabed4","icon":"Dropdown_module_icon__5ddabed4","disabled":"Dropdown_module_disabled__5ddabed4","body":"Dropdown_module_body__5ddabed4","multi":"Dropdown_module_multi__5ddabed4","multi-options":"Dropdown_module_multiOptions__5ddabed4","button":"Dropdown_module_button__5ddabed4","items":"Dropdown_module_items__5ddabed4","footer":"Dropdown_module_footer__5ddabed4","multi-apply":"Dropdown_module_multiApply__5ddabed4","multi-clear":"Dropdown_module_multiClear__5ddabed4"};
+var css$o = ".Dropdown_module_root__6e7e92e0 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 0.5rem;\n  position: relative;\n  width: -moz-fit-content;\n  width: fit-content;\n  max-width: 100%;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_label__6e7e92e0 {\n  font-size: 0.75rem;\n  color: var(--text-color);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_label__6e7e92e0.Dropdown_module_required__6e7e92e0::after {\n  content: \" *\";\n  color: var(--primary-color1);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n  max-width: 100%;\n  border-radius: 0.25rem;\n  position: relative;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_highlightOnSelect__6e7e92e0 [data-elem=select] {\n  background-color: var(--background-color5);\n  color: var(--secondary-color2);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_highlightOnSelect__6e7e92e0 [data-elem=select] * {\n  color: var(--secondary-color2);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_highlightOnSelect__6e7e92e0 [data-elem=select] .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIcon__6e7e92e0 {\n  fill: var(--secondary-color2) !important;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_highlightOnSelect__6e7e92e0 [data-elem=select] .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIconUpDown__6e7e92e0 {\n  fill: transparent;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_highlightOnSelect__6e7e92e0 [data-elem=select] .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIconUpDown__6e7e92e0 > path {\n  stroke: var(--secondary-color2);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_open__6e7e92e0 {\n  outline: 1px solid var(--secondary-color2);\n  transition: outline 100ms ease-in-out;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0.Dropdown_module_error__6e7e92e0 {\n  border: 1px solid var(--primary-color1);\n  border-radius: 0.3125rem;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_input__6e7e92e0 {\n  position: absolute;\n  opacity: 0;\n  width: 1px;\n  height: 1px;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_input__6e7e92e0:focus + .Dropdown_module_select__6e7e92e0 {\n  border-color: var(--primary-color4);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_input__6e7e92e0:focus + .Dropdown_module_select__6e7e92e0.Dropdown_module_feedbackError__6e7e92e0 {\n  border-color: var(--primary-color1);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 25rem;\n  max-width: 100%;\n  gap: 0.5rem;\n  outline: none;\n  border-radius: 0.3125rem;\n  padding: 0.75rem 0.75rem 0.75rem 1rem;\n  background: var(--light-color3);\n  cursor: pointer;\n  font-weight: 500;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_placeholder__6e7e92e0 {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  color: var(--text-color);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_infoIcon__6e7e92e0 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  gap: 1rem;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIcon__6e7e92e0 {\n  width: 1.5rem;\n  height: 1.5rem;\n  transition: transform 0.5s;\n  fill: var(--text-color) !important;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  transform: rotate(180deg);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIcon__6e7e92e0.Dropdown_module_open__6e7e92e0 {\n  transform: rotate(0deg);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIconUpDown__6e7e92e0 {\n  width: 1.5rem;\n  height: 1.5rem;\n  transition: transform 0.5s;\n  fill: transparent !important;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  transform: rotate(180deg);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIconUpDown__6e7e92e0 > path {\n  stroke: var(--text-color);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_caretIconUpDown__6e7e92e0.Dropdown_module_open__6e7e92e0 {\n  transform: rotate(0deg);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_iconBundle__6e7e92e0 .Dropdown_module_infoIcon__6e7e92e0 path {\n  stroke: var(--primary-color1);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_icon__6e7e92e0 {\n  width: 1.5rem;\n  height: 1.5rem;\n  transition: transform 0.5s;\n  fill: var(--text-color) !important;\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0 .Dropdown_module_icon__6e7e92e0.Dropdown_module_open__6e7e92e0 {\n  transform: rotate(180deg);\n}\n.Dropdown_module_root__6e7e92e0 .Dropdown_module_header__6e7e92e0 .Dropdown_module_select__6e7e92e0.Dropdown_module_feedbackError__6e7e92e0 {\n  border-color: var(--primary-color1);\n}\n.Dropdown_module_root__6e7e92e0.Dropdown_module_open__6e7e92e0 .Dropdown_module_header__6e7e92e0 {\n  border-color: var(--primary-color4);\n}\n.Dropdown_module_root__6e7e92e0.Dropdown_module_disabled__6e7e92e0 .Dropdown_module_select__6e7e92e0 {\n  background: var(--grey10);\n  cursor: not-allowed;\n}\n\n.Dropdown_module_body__6e7e92e0 {\n  display: none;\n  position: absolute;\n  top: calc(100% + 0.5rem);\n  background: var(--light-color3);\n  width: auto;\n  border-radius: 0.3125rem;\n  padding: 1.25rem 0rem 1.25rem 0rem;\n  overflow-y: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  min-height: 4rem;\n  max-height: 25rem !important;\n  outline: none;\n  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);\n}\n.Dropdown_module_body__6e7e92e0::-webkit-scrollbar {\n  display: none;\n}\n.Dropdown_module_body__6e7e92e0.Dropdown_module_multi__6e7e92e0 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.Dropdown_module_body__6e7e92e0.Dropdown_module_multi__6e7e92e0 li:nth-child(1) {\n  padding-left: 1.875rem;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_multiOptions__6e7e92e0 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  position: sticky;\n  top: 0;\n  background-color: var(--light-color3);\n  padding-inline: 1.25rem;\n  padding-block: 0.25rem;\n  list-style: none;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_multiOptions__6e7e92e0 button[data-elem=base-cell].Dropdown_module_button__6e7e92e0[type=button] {\n  width: auto;\n  padding: 0% !important;\n  background-color: transparent;\n  color: var(--secondary-color2);\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_multiOptions__6e7e92e0 button[data-elem=base-cell].Dropdown_module_button__6e7e92e0[type=button] > [data-elem=component2] {\n  margin-left: 0.1rem;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_multiOptions__6e7e92e0 button[data-elem=base-cell].Dropdown_module_button__6e7e92e0[type=button] > [data-elem=component1] > svg {\n  fill: var(--secondary-color2);\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_multiOptions__6e7e92e0 .Dropdown_module_items__6e7e92e0 {\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: var(--text-color);\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_search__6e7e92e0 {\n  width: 100%;\n  margin-bottom: 1rem;\n  position: sticky;\n  top: 0;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_search__6e7e92e0 label div {\n  border-radius: 0rem !important;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_footer__6e7e92e0 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  gap: 1rem;\n  position: sticky;\n  background-color: var(--light-color3);\n  padding: 0rem 1rem 1rem;\n  bottom: 0;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_footer__6e7e92e0 button[data-elem=base-cell].Dropdown_module_multiApply__6e7e92e0[type=submit] {\n  flex: 1;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_footer__6e7e92e0 button[data-elem=base-cell].Dropdown_module_multiClear__6e7e92e0[type=submit] {\n  background-color: var(--light-color2);\n  color: var(--mono-color1);\n  flex: 1;\n}\n.Dropdown_module_body__6e7e92e0 .Dropdown_module_footer__6e7e92e0 button[data-elem=base-cell].Dropdown_module_multiClear__6e7e92e0[type=submit]:hover {\n  background-color: var(--light-color1);\n}\n.Dropdown_module_body__6e7e92e0.Dropdown_module_open__6e7e92e0 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}";
+var modules_1b90f5ea = {"root":"Dropdown_module_root__6e7e92e0","label":"Dropdown_module_label__6e7e92e0","required":"Dropdown_module_required__6e7e92e0","header":"Dropdown_module_header__6e7e92e0","highlightOnSelect":"Dropdown_module_highlightOnSelect__6e7e92e0","icon-bundle":"Dropdown_module_iconBundle__6e7e92e0","caret-icon":"Dropdown_module_caretIcon__6e7e92e0","caret-icon-upDown":"Dropdown_module_caretIconUpDown__6e7e92e0","open":"Dropdown_module_open__6e7e92e0","error":"Dropdown_module_error__6e7e92e0","input":"Dropdown_module_input__6e7e92e0","select":"Dropdown_module_select__6e7e92e0","feedback-error":"Dropdown_module_feedbackError__6e7e92e0","placeholder":"Dropdown_module_placeholder__6e7e92e0","info-icon":"Dropdown_module_infoIcon__6e7e92e0","icon":"Dropdown_module_icon__6e7e92e0","disabled":"Dropdown_module_disabled__6e7e92e0","body":"Dropdown_module_body__6e7e92e0","multi":"Dropdown_module_multi__6e7e92e0","multi-options":"Dropdown_module_multiOptions__6e7e92e0","button":"Dropdown_module_button__6e7e92e0","items":"Dropdown_module_items__6e7e92e0","search":"Dropdown_module_search__6e7e92e0","footer":"Dropdown_module_footer__6e7e92e0","multi-apply":"Dropdown_module_multiApply__6e7e92e0","multi-clear":"Dropdown_module_multiClear__6e7e92e0"};
 n(css$o,{});
 
 // eslint-disable-next-line prefer-arrow-callback
@@ -17866,7 +17884,8 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
     required = props.required,
     multiSelectActionTitle = props.multiSelectActionTitle,
     valueAsCount = props.valueAsCount,
-    caretAsUpDown = props.caretAsUpDown;
+    caretAsUpDown = props.caretAsUpDown,
+    search = props.search;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -17957,7 +17976,7 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
       childrenArray.forEach(function (child) {
         var _child$props$value$to, _child$props$value;
         var childVal = (_child$props$value$to = (_child$props$value = child.props.value) === null || _child$props$value === void 0 ? void 0 : _child$props$value.toString()) !== null && _child$props$value$to !== void 0 ? _child$props$value$to : '';
-        if (multi && inputValue.includes(childVal) || !multi && inputValue.toString() === childVal) {
+        if (multi && inputValue.includes(childVal) || !multi && inputValue === childVal) {
           options.push({
             title: child.props.title,
             value: childVal
@@ -18290,6 +18309,13 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
               className: modules_1b90f5ea.items,
               children: selectedItemsLabel
             })]
+          }), search && jsx(TextField, {
+            className: modules_1b90f5ea.search,
+            placeholder: search.placeholder,
+            value: search.value,
+            onChange: function onChange(e) {
+              search.onChange(e.target.value);
+            }
           }), items, multi && jsxs("div", {
             className: modules_1b90f5ea.footer,
             children: [jsx(Button, {