@banyan_cloud/roots 2.0.45 → 2.0.47

package/dist/esm/index.js

@@ -3647,10 +3647,10 @@ var getCSSVariableValue = function getCSSVariableValue(variable) {
   return getComputedStyle(document.documentElement).getPropertyValue(variable).trim();
 };
 var doubleDigitted = function doubleDigitted(number) {
-  if (!number) {
+  if (number === undefined) {
     return '';
   }
-  return number.toString().slice(-2).padStart(2, '0');
+  return number.toString().padStart(2, '0');
 };
 
 var getJSDateFromEpoch = function getJSDateFromEpoch(epoch) {
@@ -17089,7 +17089,7 @@ var TextField = /*#__PURE__*/forwardRef(function (props, inputRef) {
       }))]
     }), autocompleteOptions && jsx(Popover, {
       anchorEl: anchorEl,
-      open: showAutocompleteOptions,
+      open: autocompleteOptions && 'open' in autocompleteOptions ? typeof autocompleteOptions.open === 'function' ? autocompleteOptions.open(String(value !== null && value !== void 0 ? value : '')) : autocompleteOptions.open : showAutocompleteOptions,
       placement: autocompleteOptions.placement,
       middlewareOptions: autocompleteOptions.middlewareOptions,
       withOverlay: false,
@@ -17834,8 +17834,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 +17866,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 +17958,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 +18291,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, {