@oliasoft-open-source/react-ui-library 3.1.24 → 3.1.25

package/dist/index.js

@@ -1243,8 +1243,8 @@ function FaRegCircle(props) {
 function FaRegCopy(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 448 512" }, "child": [{ "tag": "path", "attr": { "d": "M433.941 65.941l-51.882-51.882A48 48 0 0 0 348.118 0H176c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h224c26.51 0 48-21.49 48-48v-48h80c26.51 0 48-21.49 48-48V99.882a48 48 0 0 0-14.059-33.941zM266 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h74v224c0 26.51 21.49 48 48 48h96v42a6 6 0 0 1-6 6zm128-96H182a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h106v88c0 13.255 10.745 24 24 24h88v202a6 6 0 0 1-6 6zm6-256h-64V48h9.632c1.591 0 3.117.632 4.243 1.757l48.368 48.368a6 6 0 0 1 1.757 4.243V112z" } }] })(props);
 }
-const chevron = "_chevron_ns2nu_329";
-const expanded$2 = "_expanded_ns2nu_335";
+const chevron = "_chevron_3igaa_332";
+const expanded$2 = "_expanded_3igaa_338";
 const styles$Q = {
   chevron,
   expanded: expanded$2
@@ -1258,15 +1258,15 @@ const Chevron = ({
     className: cx(styles$Q.chevron)
   });
 };
-const accordion = "_accordion_1hpxh_329";
-const accordionHeader = "_accordionHeader_1hpxh_333";
-const heading$6 = "_heading_1hpxh_337";
-const clickable$2 = "_clickable_1hpxh_340";
-const bordered$4 = "_bordered_1hpxh_346";
-const accordionContent = "_accordionContent_1hpxh_350";
-const expanded$1 = "_expanded_1hpxh_359";
-const padding$3 = "_padding_1hpxh_368";
-const squareBottom = "_squareBottom_1hpxh_371";
+const accordion = "_accordion_h3aim_332";
+const accordionHeader = "_accordionHeader_h3aim_336";
+const heading$6 = "_heading_h3aim_340";
+const clickable$2 = "_clickable_h3aim_343";
+const bordered$4 = "_bordered_h3aim_349";
+const accordionContent = "_accordionContent_h3aim_353";
+const expanded$1 = "_expanded_h3aim_362";
+const padding$3 = "_padding_h3aim_371";
+const squareBottom = "_squareBottom_h3aim_374";
 const styles$P = {
   accordion,
   accordionHeader,
@@ -1377,13 +1377,13 @@ Accordion.propTypes = {
   squareBottom: propTypes$1.exports.bool,
   testId: propTypes$1.exports.string
 };
-const checkbox = "_checkbox_di89x_329";
-const noLabel = "_noLabel_di89x_342";
-const small$e = "_small_di89x_345";
-const checkmark = "_checkmark_di89x_371";
-const disabled$9 = "_disabled_di89x_392";
-const noMargin$2 = "_noMargin_di89x_406";
-const isInTable$4 = "_isInTable_di89x_409";
+const checkbox = "_checkbox_1yglm_332";
+const noLabel = "_noLabel_1yglm_345";
+const small$e = "_small_1yglm_348";
+const checkmark = "_checkmark_1yglm_374";
+const disabled$9 = "_disabled_1yglm_395";
+const noMargin$2 = "_noMargin_1yglm_409";
+const isInTable$4 = "_isInTable_1yglm_412";
 const styles$O = {
   checkbox,
   noLabel,
@@ -1471,10 +1471,10 @@ CheckBox.propTypes = {
   dataix: propTypes$1.exports.number,
   value: propTypes$1.exports.string
 };
-const bordered$3 = "_bordered_1mb61_329";
-const checkboxWrapper = "_checkboxWrapper_1mb61_335";
-const padding$2 = "_padding_1mb61_341";
-const contentWrapper = "_contentWrapper_1mb61_344";
+const bordered$3 = "_bordered_1jfy0_332";
+const checkboxWrapper = "_checkboxWrapper_1jfy0_338";
+const padding$2 = "_padding_1jfy0_344";
+const contentWrapper = "_contentWrapper_1jfy0_347";
 const styles$N = {
   bordered: bordered$3,
   checkboxWrapper,
@@ -7647,10 +7647,10 @@ const DeprecatedIcon = ({
       return /* @__PURE__ */ jsx(FaRegCircle, {});
   }
 };
-const wrapper$4 = "_wrapper_6gikz_329";
-const customSvg = "_customSvg_6gikz_336";
-const customPng = "_customPng_6gikz_339";
-const clickable$1 = "_clickable_6gikz_344";
+const wrapper$4 = "_wrapper_cxo9z_332";
+const customSvg = "_customSvg_cxo9z_339";
+const customPng = "_customPng_cxo9z_342";
+const clickable$1 = "_clickable_cxo9z_347";
 const styles$M = {
   wrapper: wrapper$4,
   customSvg,
@@ -9683,34 +9683,34 @@ function useHover(_temp) {
     return onMouseLeave(null, true);
   }];
 }
-const wrapper$3 = "_wrapper_chz6g_329";
-const layer$1 = "_layer_chz6g_333";
-const layerContainer$1 = "_layerContainer_chz6g_336";
-const nested = "_nested_chz6g_351";
-const fileInput$1 = "_fileInput_chz6g_363";
-const trigger$1 = "_trigger_chz6g_369";
-const middleAlignedInline = "_middleAlignedInline_chz6g_379";
-const heading$5 = "_heading_chz6g_385";
-const headingIcon = "_headingIcon_chz6g_391";
-const option$1 = "_option_chz6g_403";
-const active$9 = "_active_chz6g_420";
-const selected$1 = "_selected_chz6g_425";
-const optionContent$1 = "_optionContent_chz6g_432";
-const inline$3 = "_inline_chz6g_437";
-const icon$7 = "_icon_chz6g_442";
-const check$1 = "_check_chz6g_443";
-const text$2 = "_text_chz6g_469";
-const label$a = "_label_chz6g_474";
-const description = "_description_chz6g_485";
-const arrow = "_arrow_chz6g_489";
-const divider$1 = "_divider_chz6g_493";
-const deprecatedSemanticIcon = "_deprecatedSemanticIcon_chz6g_497";
-const disabled$8 = "_disabled_chz6g_501";
-const buttonLabel = "_buttonLabel_chz6g_506";
-const buttonCaret = "_buttonCaret_chz6g_513";
-const component = "_component_chz6g_516";
-const right$7 = "_right_chz6g_522";
-const actions$2 = "_actions_chz6g_527";
+const wrapper$3 = "_wrapper_2v72m_332";
+const layer$1 = "_layer_2v72m_336";
+const layerContainer$1 = "_layerContainer_2v72m_339";
+const nested = "_nested_2v72m_354";
+const fileInput$1 = "_fileInput_2v72m_366";
+const trigger$1 = "_trigger_2v72m_372";
+const middleAlignedInline = "_middleAlignedInline_2v72m_382";
+const heading$5 = "_heading_2v72m_388";
+const headingIcon = "_headingIcon_2v72m_394";
+const option$1 = "_option_2v72m_406";
+const active$9 = "_active_2v72m_423";
+const selected$1 = "_selected_2v72m_428";
+const optionContent$1 = "_optionContent_2v72m_435";
+const inline$3 = "_inline_2v72m_440";
+const icon$7 = "_icon_2v72m_445";
+const check$1 = "_check_2v72m_446";
+const text$2 = "_text_2v72m_472";
+const label$a = "_label_2v72m_477";
+const description = "_description_2v72m_488";
+const arrow = "_arrow_2v72m_492";
+const divider$1 = "_divider_2v72m_496";
+const deprecatedSemanticIcon = "_deprecatedSemanticIcon_2v72m_500";
+const disabled$8 = "_disabled_2v72m_504";
+const buttonLabel = "_buttonLabel_2v72m_509";
+const buttonCaret = "_buttonCaret_2v72m_516";
+const component = "_component_2v72m_519";
+const right$7 = "_right_2v72m_525";
+const actions$2 = "_actions_2v72m_530";
 const styles$L = {
   wrapper: wrapper$3,
   layer: layer$1,
@@ -9953,14 +9953,14 @@ const placementOptions$1 = (placement, isNested = false) => ({
   preferY: "bottom",
   placement: placement || (isNested ? "right-start" : "bottom-start")
 });
-const wrapper$2 = "_wrapper_1520w_329";
-const badge = "_badge_1520w_333";
-const label$9 = "_label_1520w_338";
-const dark$1 = "_dark_1520w_350";
-const light = "_light_1520w_353";
-const small$d = "_small_1520w_356";
-const dot = "_dot_1520w_362";
-const hasChildren = "_hasChildren_1520w_367";
+const wrapper$2 = "_wrapper_jkneh_332";
+const badge = "_badge_jkneh_336";
+const label$9 = "_label_jkneh_341";
+const dark$1 = "_dark_jkneh_353";
+const light = "_light_jkneh_356";
+const small$d = "_small_jkneh_359";
+const dot = "_dot_jkneh_365";
+const hasChildren = "_hasChildren_jkneh_370";
 const styles$K = {
   wrapper: wrapper$2,
   badge,
@@ -10017,23 +10017,23 @@ Badge.propTypes = {
   margin: propTypes$1.exports.string,
   small: propTypes$1.exports.bool
 };
-const button$3 = "_button_czseq_363";
-const active$8 = "_active_czseq_397";
-const icon$6 = "_icon_czseq_409";
-const iconOnly = "_iconOnly_czseq_416";
-const basic = "_basic_czseq_426";
-const muted$1 = "_muted_czseq_432";
-const disabled$7 = "_disabled_czseq_445";
-const small$c = "_small_czseq_455";
-const pill = "_pill_czseq_460";
-const round = "_round_czseq_461";
-const orange$1 = "_orange_czseq_478";
-const red$1 = "_red_czseq_488";
-const green$1 = "_green_czseq_498";
-const inverted$1 = "_inverted_czseq_526";
-const groupOrderFirst$4 = "_groupOrderFirst_czseq_560";
-const groupOrderMiddle$4 = "_groupOrderMiddle_czseq_561";
-const groupOrderLast$4 = "_groupOrderLast_czseq_562";
+const button$3 = "_button_3rnm9_366";
+const active$8 = "_active_3rnm9_400";
+const icon$6 = "_icon_3rnm9_412";
+const iconOnly = "_iconOnly_3rnm9_419";
+const basic = "_basic_3rnm9_429";
+const muted$1 = "_muted_3rnm9_435";
+const disabled$7 = "_disabled_3rnm9_448";
+const small$c = "_small_3rnm9_458";
+const pill = "_pill_3rnm9_463";
+const round = "_round_3rnm9_464";
+const orange$1 = "_orange_3rnm9_481";
+const red$1 = "_red_3rnm9_491";
+const green$1 = "_green_3rnm9_501";
+const inverted$1 = "_inverted_3rnm9_529";
+const groupOrderFirst$4 = "_groupOrderFirst_3rnm9_563";
+const groupOrderMiddle$4 = "_groupOrderMiddle_3rnm9_564";
+const groupOrderLast$4 = "_groupOrderLast_3rnm9_565";
 const buttonStyles = {
   button: button$3,
   active: active$8,
@@ -10053,11 +10053,11 @@ const buttonStyles = {
   groupOrderMiddle: groupOrderMiddle$4,
   groupOrderLast: groupOrderLast$4
 };
-const spinner = "_spinner_21f2c_329";
-const small$b = "_small_21f2c_335";
-const tiny = "_tiny_21f2c_339";
-const colored$1 = "_colored_21f2c_366";
-const dark = "_dark_21f2c_378";
+const spinner = "_spinner_1ent6_332";
+const small$b = "_small_1ent6_338";
+const tiny = "_tiny_1ent6_342";
+const colored$1 = "_colored_1ent6_369";
+const dark = "_dark_1ent6_381";
 const styles$J = {
   spinner,
   small: small$b,
@@ -10652,9 +10652,9 @@ Menu.propTypes = {
   open: propTypes$1.exports.bool,
   setOpen: propTypes$1.exports.func
 };
-const actions$1 = "_actions_gc0pi_329";
-const actionComponentContainer = "_actionComponentContainer_gc0pi_339";
-const active$7 = "_active_gc0pi_361";
+const actions$1 = "_actions_y6r7i_332";
+const actionComponentContainer = "_actionComponentContainer_y6r7i_342";
+const active$7 = "_active_y6r7i_364";
 const styles$I = {
   actions: actions$1,
   actionComponentContainer,
@@ -10765,12 +10765,12 @@ Actions.propTypes = {
   actions: actionsShape,
   right: propTypes$1.exports.bool
 };
-const breadcrumb = "_breadcrumb_1ewgq_329";
-const small$a = "_small_1ewgq_332";
-const labelContainer = "_labelContainer_1ewgq_335";
-const active$6 = "_active_1ewgq_345";
-const disabled$6 = "_disabled_1ewgq_350";
-const separator = "_separator_1ewgq_355";
+const breadcrumb = "_breadcrumb_14dl1_332";
+const small$a = "_small_14dl1_335";
+const labelContainer = "_labelContainer_14dl1_338";
+const active$6 = "_active_14dl1_348";
+const disabled$6 = "_disabled_14dl1_353";
+const separator = "_separator_14dl1_358";
 const styles$H = {
   breadcrumb,
   small: small$a,
@@ -10848,9 +10848,9 @@ Breadcrumb.propTypes = {
   })).isRequired,
   small: propTypes$1.exports.bool
 };
-const tooltip = "_tooltip_g3i5e_329";
-const error$8 = "_error_g3i5e_343";
-const warning$b = "_warning_g3i5e_347";
+const tooltip = "_tooltip_1eh2t_332";
+const error$8 = "_error_1eh2t_346";
+const warning$b = "_warning_1eh2t_350";
 const styles$G = {
   tooltip,
   error: error$8,
@@ -11004,8 +11004,8 @@ Tooltip$2.propTypes = {
   flex: propTypes$1.exports.string,
   forceOpen: propTypes$1.exports.bool
 };
-const label$8 = "_label_t6aab_329";
-const buttonGroup = "_buttonGroup_t6aab_339";
+const label$8 = "_label_qc9a1_332";
+const buttonGroup = "_buttonGroup_qc9a1_342";
 const styles$F = {
   label: label$8,
   buttonGroup
@@ -11115,13 +11115,13 @@ ButtonGroup.propTypes = {
   value: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   testId: propTypes$1.exports.string
 };
-const card = "_card_62ou5_329";
-const bordered$2 = "_bordered_62ou5_332";
-const raised = "_raised_62ou5_338";
-const cardHeader = "_cardHeader_62ou5_341";
-const cardContentBorderTop = "_cardContentBorderTop_62ou5_347";
-const padding$1 = "_padding_62ou5_350";
-const cardContent = "_cardContent_62ou5_347";
+const card = "_card_1s53y_332";
+const bordered$2 = "_bordered_1s53y_335";
+const raised = "_raised_1s53y_341";
+const cardHeader = "_cardHeader_1s53y_344";
+const cardContentBorderTop = "_cardContentBorderTop_1s53y_350";
+const padding$1 = "_padding_1s53y_353";
+const cardContent = "_cardContent_1s53y_350";
 const styles$E = {
   card,
   bordered: bordered$2,
@@ -12441,23 +12441,23 @@ Column.propTypes = {
   widthTablet: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   testId: propTypes$1.exports.string
 };
-const divider = "_divider_ifk4j_329";
-const alignLeft = "_alignLeft_ifk4j_340";
-const alignRight = "_alignRight_ifk4j_343";
+const divider = "_divider_bgqcv_332";
+const alignLeft = "_alignLeft_bgqcv_343";
+const alignRight = "_alignRight_bgqcv_346";
 const styles$D = {
   divider,
   alignLeft,
   alignRight
 };
-const bold$1 = "_bold_cntjp_329";
-const center = "_center_cntjp_332";
-const muted = "_muted_cntjp_335";
-const faint$1 = "_faint_cntjp_338";
-const success$1 = "_success_cntjp_341";
-const warning$a = "_warning_cntjp_344";
-const error$7 = "_error_cntjp_347";
-const small$9 = "_small_cntjp_350";
-const link$1 = "_link_cntjp_353";
+const bold$1 = "_bold_foy4t_332";
+const center = "_center_foy4t_335";
+const muted = "_muted_foy4t_338";
+const faint$1 = "_faint_foy4t_341";
+const success$1 = "_success_foy4t_344";
+const warning$a = "_warning_foy4t_347";
+const error$7 = "_error_foy4t_350";
+const small$9 = "_small_foy4t_353";
+const link$1 = "_link_foy4t_356";
 const styles$C = {
   bold: bold$1,
   center,
@@ -12549,13 +12549,13 @@ Divider.propTypes = {
   color: propTypes$1.exports.string,
   align: propTypes$1.exports.string
 };
-const heading$4 = "_heading_zih6k_329";
-const top$1 = "_top_zih6k_337";
-const icons$2 = "_icons_zih6k_349";
-const icon$5 = "_icon_zih6k_349";
-const lock = "_lock_zih6k_363";
-const faint = "_faint_zih6k_366";
-const active$5 = "_active_zih6k_374";
+const heading$4 = "_heading_5juow_332";
+const top$1 = "_top_5juow_340";
+const icons$2 = "_icons_5juow_352";
+const icon$5 = "_icon_5juow_352";
+const lock = "_lock_5juow_366";
+const faint = "_faint_5juow_369";
+const active$5 = "_active_5juow_377";
 const styles$B = {
   heading: heading$4,
   top: top$1,
@@ -12739,29 +12739,29 @@ const dialogShape = propTypes$1.exports.shape({
 Dialog.propTypes = {
   dialog: dialogShape.isRequired
 };
-const inputInTable$9 = "_inputInTable_4gx6k_329";
-const inputFocus$9 = "_inputFocus_4gx6k_345";
-const inputError$9 = "_inputError_4gx6k_350";
-const inputWarning$9 = "_inputWarning_4gx6k_351";
-const inputDisabled$9 = "_inputDisabled_4gx6k_382";
-const hideScrollbars$9 = "_hideScrollbars_4gx6k_387";
-const inline$1 = "_inline_4gx6k_409";
-const left$2 = "_left_4gx6k_412";
-const right$6 = "_right_4gx6k_415";
-const fixed$1 = "_fixed_4gx6k_418";
-const border = "_border_4gx6k_430";
-const shadow = "_shadow_4gx6k_436";
-const drawerContent = "_drawerContent_4gx6k_439";
-const isResizing = "_isResizing_4gx6k_451";
-const toggleButton = "_toggleButton_4gx6k_462";
-const top = "_top_4gx6k_475";
-const bottom = "_bottom_4gx6k_478";
-const toggleButtonOpen = "_toggleButtonOpen_4gx6k_481";
-const tabs$1 = "_tabs_4gx6k_484";
-const tab$1 = "_tab_4gx6k_484";
-const active$4 = "_active_4gx6k_515";
-const tabsContent = "_tabsContent_4gx6k_537";
-const resizeHandle = "_resizeHandle_4gx6k_543";
+const inputInTable$9 = "_inputInTable_zltzx_332";
+const inputFocus$9 = "_inputFocus_zltzx_348";
+const inputError$9 = "_inputError_zltzx_353";
+const inputWarning$9 = "_inputWarning_zltzx_354";
+const inputDisabled$9 = "_inputDisabled_zltzx_385";
+const hideScrollbars$9 = "_hideScrollbars_zltzx_390";
+const inline$1 = "_inline_zltzx_412";
+const left$2 = "_left_zltzx_415";
+const right$6 = "_right_zltzx_418";
+const fixed$1 = "_fixed_zltzx_421";
+const border = "_border_zltzx_433";
+const shadow = "_shadow_zltzx_439";
+const drawerContent = "_drawerContent_zltzx_442";
+const isResizing = "_isResizing_zltzx_454";
+const toggleButton = "_toggleButton_zltzx_465";
+const top = "_top_zltzx_478";
+const bottom = "_bottom_zltzx_481";
+const toggleButtonOpen = "_toggleButtonOpen_zltzx_484";
+const tabs$1 = "_tabs_zltzx_487";
+const tab$1 = "_tab_zltzx_487";
+const active$4 = "_active_zltzx_518";
+const tabsContent = "_tabsContent_zltzx_540";
+const resizeHandle = "_resizeHandle_zltzx_546";
 const styles$z = {
   inputInTable: inputInTable$9,
   inputFocus: inputFocus$9,
@@ -15047,8 +15047,8 @@ Drawer.propTypes = {
   onResize: propTypes$1.exports.func,
   getActiveTab: propTypes$1.exports.func
 };
-const empty$1 = "_empty_1g72m_329";
-const text$1 = "_text_1g72m_339";
+const empty$1 = "_empty_1kknv_332";
+const text$1 = "_text_1kknv_342";
 const styles$y = {
   empty: empty$1,
   text: text$1
@@ -15113,7 +15113,7 @@ Empty.propTypes = {
   text: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.node]),
   children: propTypes$1.exports.node
 };
-const inputGroup = "_inputGroup_fj9a2_329";
+const inputGroup = "_inputGroup_1px8w_332";
 const styles$x = {
   inputGroup
 };
@@ -15162,21 +15162,21 @@ InputGroup.propTypes = {
   small: propTypes$1.exports.bool,
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number])
 };
-const inputInTable$8 = "_inputInTable_tf34v_329";
-const inputFocus$8 = "_inputFocus_tf34v_345";
-const inputError$8 = "_inputError_tf34v_350";
-const inputWarning$8 = "_inputWarning_tf34v_351";
-const inputDisabled$8 = "_inputDisabled_tf34v_382";
-const hideScrollbars$8 = "_hideScrollbars_tf34v_387";
-const input$2 = "_input_tf34v_329";
-const isInTable$3 = "_isInTable_tf34v_418";
-const small$8 = "_small_tf34v_446";
-const error$6 = "_error_tf34v_452";
-const warning$9 = "_warning_tf34v_467";
-const right$5 = "_right_tf34v_487";
-const groupOrderFirst$3 = "_groupOrderFirst_tf34v_490";
-const groupOrderMiddle$3 = "_groupOrderMiddle_tf34v_491";
-const groupOrderLast$3 = "_groupOrderLast_tf34v_492";
+const inputInTable$8 = "_inputInTable_3ejaz_332";
+const inputFocus$8 = "_inputFocus_3ejaz_348";
+const inputError$8 = "_inputError_3ejaz_353";
+const inputWarning$8 = "_inputWarning_3ejaz_354";
+const inputDisabled$8 = "_inputDisabled_3ejaz_385";
+const hideScrollbars$8 = "_hideScrollbars_3ejaz_390";
+const input$2 = "_input_3ejaz_332";
+const isInTable$3 = "_isInTable_3ejaz_421";
+const small$8 = "_small_3ejaz_449";
+const error$6 = "_error_3ejaz_455";
+const warning$9 = "_warning_3ejaz_470";
+const right$5 = "_right_3ejaz_490";
+const groupOrderFirst$3 = "_groupOrderFirst_3ejaz_493";
+const groupOrderMiddle$3 = "_groupOrderMiddle_3ejaz_494";
+const groupOrderLast$3 = "_groupOrderLast_3ejaz_495";
 const styles$w = {
   inputInTable: inputInTable$8,
   inputFocus: inputFocus$8,
@@ -15421,10 +15421,10 @@ function HiLockClosed(props) {
 function HiLockOpen(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 20 20", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M10 2a5 5 0 00-5 5v2a2 2 0 00-2 2v5a2 2 0 002 2h10a2 2 0 002-2v-5a2 2 0 00-2-2H7V7a3 3 0 015.905-.75 1 1 0 001.937-.5A5.002 5.002 0 0010 2z" } }] })(props);
 }
-const label$7 = "_label_1pbb7_329";
-const labelLeft$1 = "_labelLeft_1pbb7_333";
-const icons$1 = "_icons_1pbb7_341";
-const icon$4 = "_icon_1pbb7_341";
+const label$7 = "_label_ttg1h_332";
+const labelLeft$1 = "_labelLeft_ttg1h_336";
+const icons$1 = "_icons_ttg1h_344";
+const icon$4 = "_icon_ttg1h_344";
 const styles$u = {
   label: label$7,
   labelLeft: labelLeft$1,
@@ -15524,17 +15524,17 @@ Label$2.propTypes = {
   }),
   labelLeft: propTypes$1.exports.bool
 };
-const field = "_field_9ng6g_329";
-const labelLeft = "_labelLeft_9ng6g_333";
-const fieldInput = "_fieldInput_9ng6g_337";
-const formRow$1 = "_formRow_9ng6g_340";
-const button$2 = "_button_9ng6g_350";
+const field = "_field_pdn7g_332";
+const labelLeft = "_labelLeft_pdn7g_336";
+const fieldInput = "_fieldInput_pdn7g_340";
+const formRow$1 = "_formRow_pdn7g_343";
+const button$2 = "_button_pdn7g_353";
 const styles$t = {
   field,
   labelLeft,
   fieldInput,
   formRow: formRow$1,
-  "form-row": "_form-row_9ng6g_341",
+  "form-row": "_form-row_pdn7g_344",
   button: button$2
 };
 const Field = ({
@@ -15650,7 +15650,7 @@ Flex.propTypes = {
   wrap: propTypes$1.exports.bool,
   gap: propTypes$1.exports.oneOfType([propTypes$1.exports.bool, propTypes$1.exports.string, propTypes$1.exports.number])
 };
-const formRow = "_formRow_16j7m_329";
+const formRow = "_formRow_15cbq_332";
 const styles$s = {
   formRow
 };
@@ -15720,11 +15720,11 @@ Grid.propTypes = {
   height: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   children: propTypes$1.exports.node
 };
-const addon = "_addon_1php6_329";
-const small$7 = "_small_1php6_340";
-const groupOrderFirst$2 = "_groupOrderFirst_1php6_344";
-const groupOrderMiddle$2 = "_groupOrderMiddle_1php6_345";
-const groupOrderLast$2 = "_groupOrderLast_1php6_350";
+const addon = "_addon_1880u_332";
+const small$7 = "_small_1880u_343";
+const groupOrderFirst$2 = "_groupOrderFirst_1880u_347";
+const groupOrderMiddle$2 = "_groupOrderMiddle_1880u_348";
+const groupOrderLast$2 = "_groupOrderLast_1880u_353";
 const styles$r = {
   addon,
   small: small$7,
@@ -24632,41 +24632,41 @@ var InfiniteScroll = function(_super) {
   };
   return InfiniteScroll2;
 }(Component$1);
-const inputInTable$7 = "_inputInTable_b1zhu_329";
-const inputFocus$7 = "_inputFocus_b1zhu_345";
-const inputError$7 = "_inputError_b1zhu_350";
-const inputWarning$7 = "_inputWarning_b1zhu_351";
-const inputDisabled$7 = "_inputDisabled_b1zhu_382";
-const hideScrollbars$7 = "_hideScrollbars_b1zhu_387";
-const header$1 = "_header_b1zhu_397";
-const headerTitle = "_headerTitle_b1zhu_397";
-const heading$3 = "_heading_b1zhu_398";
-const itemHeader = "_itemHeader_b1zhu_398";
-const narrow = "_narrow_b1zhu_401";
-const stickyHeader = "_stickyHeader_b1zhu_405";
-const title$4 = "_title_b1zhu_416";
-const name = "_name_b1zhu_422";
-const iconTooltipMargin = "_iconTooltipMargin_b1zhu_425";
-const bold = "_bold_b1zhu_428";
-const toggleNarrow = "_toggleNarrow_b1zhu_437";
-const drag = "_drag_b1zhu_455";
-const list$1 = "_list_b1zhu_475";
-const bordered$1 = "_bordered_b1zhu_479";
-const item$4 = "_item_b1zhu_398";
-const action = "_action_b1zhu_512";
-const active$3 = "_active_b1zhu_515";
-const disabled$5 = "_disabled_b1zhu_530";
-const label$6 = "_label_b1zhu_541";
-const details$2 = "_details_b1zhu_548";
-const metadata = "_metadata_b1zhu_549";
-const itemContent = "_itemContent_b1zhu_558";
-const indentIcon = "_indentIcon_b1zhu_562";
-const expandIcon = "_expandIcon_b1zhu_566";
-const expanded = "_expanded_b1zhu_572";
-const right$4 = "_right_b1zhu_575";
-const actions = "_actions_b1zhu_582";
-const scrollableList = "_scrollableList_b1zhu_587";
-const hideScrollbar = "_hideScrollbar_b1zhu_387";
+const inputInTable$7 = "_inputInTable_olz29_332";
+const inputFocus$7 = "_inputFocus_olz29_348";
+const inputError$7 = "_inputError_olz29_353";
+const inputWarning$7 = "_inputWarning_olz29_354";
+const inputDisabled$7 = "_inputDisabled_olz29_385";
+const hideScrollbars$7 = "_hideScrollbars_olz29_390";
+const header$1 = "_header_olz29_400";
+const headerTitle = "_headerTitle_olz29_400";
+const heading$3 = "_heading_olz29_401";
+const itemHeader = "_itemHeader_olz29_401";
+const narrow = "_narrow_olz29_404";
+const stickyHeader = "_stickyHeader_olz29_408";
+const title$4 = "_title_olz29_419";
+const name = "_name_olz29_425";
+const iconTooltipMargin = "_iconTooltipMargin_olz29_428";
+const bold = "_bold_olz29_431";
+const toggleNarrow = "_toggleNarrow_olz29_440";
+const drag = "_drag_olz29_458";
+const list$1 = "_list_olz29_478";
+const bordered$1 = "_bordered_olz29_482";
+const item$4 = "_item_olz29_401";
+const action = "_action_olz29_515";
+const active$3 = "_active_olz29_518";
+const disabled$5 = "_disabled_olz29_533";
+const label$6 = "_label_olz29_544";
+const details$2 = "_details_olz29_551";
+const metadata = "_metadata_olz29_552";
+const itemContent = "_itemContent_olz29_561";
+const indentIcon = "_indentIcon_olz29_565";
+const expandIcon = "_expandIcon_olz29_569";
+const expanded = "_expanded_olz29_575";
+const right$4 = "_right_olz29_578";
+const actions = "_actions_olz29_585";
+const scrollableList = "_scrollableList_olz29_590";
+const hideScrollbar = "_hideScrollbar_olz29_390";
 const listStyles = {
   inputInTable: inputInTable$7,
   inputFocus: inputFocus$7,
@@ -25262,13 +25262,13 @@ List.propTypes = {
   }),
   testId: propTypes$1.exports.string
 };
-const loader = "_loader_1i73r_329";
-const fullViewPortSize = "_fullViewPortSize_1i73r_335";
-const cover = "_cover_1i73r_342";
-const dimmer = "_dimmer_1i73r_349";
-const content$2 = "_content_1i73r_372";
-const text = "_text_1i73r_377";
-const details$1 = "_details_1i73r_381";
+const loader = "_loader_rco0f_332";
+const fullViewPortSize = "_fullViewPortSize_rco0f_338";
+const cover = "_cover_rco0f_345";
+const dimmer = "_dimmer_rco0f_352";
+const content$2 = "_content_rco0f_375";
+const text = "_text_rco0f_380";
+const details$1 = "_details_rco0f_384";
 const styles$q = {
   loader,
   fullViewPortSize,
@@ -25344,25 +25344,25 @@ Loader.propTypes = {
   testId: propTypes$1.exports.string,
   theme: propTypes$1.exports.string
 };
-const inputInTable$6 = "_inputInTable_d8pbh_329";
-const inputFocus$6 = "_inputFocus_d8pbh_345";
-const inputError$6 = "_inputError_d8pbh_350";
-const inputWarning$6 = "_inputWarning_d8pbh_351";
-const inputDisabled$6 = "_inputDisabled_d8pbh_382";
-const hideScrollbars$6 = "_hideScrollbars_d8pbh_387";
-const container$1 = "_container_d8pbh_403";
-const block = "_block_d8pbh_421";
-const info = "_info_d8pbh_424";
-const success = "_success_d8pbh_428";
-const warning$5 = "_warning_d8pbh_432";
-const error$4 = "_error_d8pbh_436";
-const content$1 = "_content_d8pbh_440";
-const heading$2 = "_heading_d8pbh_444";
-const icon$3 = "_icon_d8pbh_452";
-const dismiss$1 = "_dismiss_d8pbh_453";
-const absolute = "_absolute_d8pbh_466";
-const legendToggle = "_legendToggle_d8pbh_471";
-const detailsText = "_detailsText_d8pbh_487";
+const inputInTable$6 = "_inputInTable_1j4f2_332";
+const inputFocus$6 = "_inputFocus_1j4f2_348";
+const inputError$6 = "_inputError_1j4f2_353";
+const inputWarning$6 = "_inputWarning_1j4f2_354";
+const inputDisabled$6 = "_inputDisabled_1j4f2_385";
+const hideScrollbars$6 = "_hideScrollbars_1j4f2_390";
+const container$1 = "_container_1j4f2_406";
+const block = "_block_1j4f2_424";
+const info = "_info_1j4f2_427";
+const success = "_success_1j4f2_431";
+const warning$5 = "_warning_1j4f2_435";
+const error$4 = "_error_1j4f2_439";
+const content$1 = "_content_1j4f2_443";
+const heading$2 = "_heading_1j4f2_447";
+const icon$3 = "_icon_1j4f2_455";
+const dismiss$1 = "_dismiss_1j4f2_456";
+const absolute = "_absolute_1j4f2_469";
+const legendToggle = "_legendToggle_1j4f2_474";
+const detailsText = "_detailsText_1j4f2_490";
 const styles$p = {
   inputInTable: inputInTable$6,
   inputFocus: inputFocus$6,
@@ -25533,10 +25533,10 @@ const Portal$1 = ({
 Portal$1.propTypes = {
   id: propTypes$1.exports.string.isRequired
 };
-const wrapper$1 = "_wrapper_1nvir_329";
-const contentContainer = "_contentContainer_1nvir_343";
-const centered = "_centered_1nvir_355";
-const newLine = "_newLine_1nvir_359";
+const wrapper$1 = "_wrapper_dskbj_332";
+const contentContainer = "_contentContainer_dskbj_346";
+const centered = "_centered_dskbj_358";
+const newLine = "_newLine_dskbj_362";
 const styles$o = {
   wrapper: wrapper$1,
   contentContainer,
@@ -25594,10 +25594,10 @@ Modal.propTypes = {
   centered: propTypes$1.exports.bool,
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number])
 };
-const menu$1 = "_menu_10aw9_329";
-const header = "_header_10aw9_338";
-const item$3 = "_item_10aw9_354";
-const heading$1 = "_heading_10aw9_359";
+const menu$1 = "_menu_1ppff_332";
+const header = "_header_1ppff_341";
+const item$3 = "_item_1ppff_357";
+const heading$1 = "_heading_1ppff_362";
 const styles$n = {
   menu: menu$1,
   header,
@@ -25738,8 +25738,8 @@ OptionDropdown.propTypes = {
   onChange: propTypes$1.exports.func.isRequired,
   showHeader: propTypes$1.exports.bool
 };
-const page = "_page_1tpk9_329";
-const scroll2 = "_scroll_1tpk9_351";
+const page = "_page_92nfz_332";
+const scroll2 = "_scroll_92nfz_354";
 const styles$m = {
   page,
   scroll: scroll2
@@ -25776,23 +25776,23 @@ Page.propTypes = {
   scroll: propTypes$1.exports.bool,
   top: propTypes$1.exports.oneOfType([propTypes$1.exports.number, propTypes$1.exports.string])
 };
-const inputInTable$5 = "_inputInTable_1sg2p_329";
-const inputFocus$5 = "_inputFocus_1sg2p_345";
-const inputError$5 = "_inputError_1sg2p_350";
-const inputWarning$5 = "_inputWarning_1sg2p_351";
-const inputDisabled$5 = "_inputDisabled_1sg2p_382";
-const hideScrollbars$5 = "_hideScrollbars_1sg2p_387";
-const select = "_select_1sg2p_397";
-const isInTable$2 = "_isInTable_1sg2p_433";
-const unSelected = "_unSelected_1sg2p_449";
-const error$3 = "_error_1sg2p_456";
-const warning$4 = "_warning_1sg2p_471";
-const small$6 = "_small_1sg2p_486";
-const right$3 = "_right_1sg2p_493";
-const groupOrderFirst$1 = "_groupOrderFirst_1sg2p_503";
-const input$1 = "_input_1sg2p_329";
-const groupOrderMiddle$1 = "_groupOrderMiddle_1sg2p_504";
-const groupOrderLast$1 = "_groupOrderLast_1sg2p_505";
+const inputInTable$5 = "_inputInTable_h7304_332";
+const inputFocus$5 = "_inputFocus_h7304_348";
+const inputError$5 = "_inputError_h7304_353";
+const inputWarning$5 = "_inputWarning_h7304_354";
+const inputDisabled$5 = "_inputDisabled_h7304_385";
+const hideScrollbars$5 = "_hideScrollbars_h7304_390";
+const select = "_select_h7304_400";
+const isInTable$2 = "_isInTable_h7304_436";
+const unSelected = "_unSelected_h7304_452";
+const error$3 = "_error_h7304_459";
+const warning$4 = "_warning_h7304_474";
+const small$6 = "_small_h7304_489";
+const right$3 = "_right_h7304_496";
+const groupOrderFirst$1 = "_groupOrderFirst_h7304_506";
+const input$1 = "_input_h7304_332";
+const groupOrderMiddle$1 = "_groupOrderMiddle_h7304_507";
+const groupOrderLast$1 = "_groupOrderLast_h7304_508";
 const styles$l = {
   inputInTable: inputInTable$5,
   inputFocus: inputFocus$5,
@@ -26691,20 +26691,20 @@ var FixedSizeList = /* @__PURE__ */ createListComponent({
     }
   }
 });
-const layerContainer = "_layerContainer_uzpyq_329";
-const layer = "_layer_uzpyq_329";
-const small$5 = "_small_uzpyq_351";
-const heading = "_heading_uzpyq_354";
-const option = "_option_uzpyq_355";
-const message = "_message_uzpyq_356";
-const focused = "_focused_uzpyq_389";
-const disabled$4 = "_disabled_uzpyq_394";
-const selected = "_selected_uzpyq_398";
-const check = "_check_uzpyq_404";
-const optionContent = "_optionContent_uzpyq_418";
-const label$5 = "_label_uzpyq_423";
-const icon$2 = "_icon_uzpyq_430";
-const details = "_details_uzpyq_434";
+const layerContainer = "_layerContainer_fwrcc_332";
+const layer = "_layer_fwrcc_332";
+const small$5 = "_small_fwrcc_354";
+const heading = "_heading_fwrcc_357";
+const option = "_option_fwrcc_358";
+const message = "_message_fwrcc_359";
+const focused = "_focused_fwrcc_393";
+const selected = "_selected_fwrcc_397";
+const disabled$4 = "_disabled_fwrcc_404";
+const check = "_check_fwrcc_408";
+const optionContent = "_optionContent_fwrcc_422";
+const label$5 = "_label_fwrcc_427";
+const icon$2 = "_icon_fwrcc_434";
+const details = "_details_fwrcc_438";
 const styles$k = {
   layerContainer,
   layer,
@@ -26713,8 +26713,8 @@ const styles$k = {
   option,
   message,
   focused,
-  disabled: disabled$4,
   selected,
+  disabled: disabled$4,
   check,
   optionContent,
   label: label$5,
@@ -26861,38 +26861,36 @@ const Layer = ({
     })
   });
 };
-const inputInTable$4 = "_inputInTable_jptum_329";
-const inputFocus$4 = "_inputFocus_jptum_345";
-const inputError$4 = "_inputError_jptum_350";
-const inputWarning$4 = "_inputWarning_jptum_351";
-const inputDisabled$4 = "_inputDisabled_jptum_382";
-const hideScrollbars$4 = "_hideScrollbars_jptum_387";
-const trigger = "_trigger_jptum_397";
-const isInTable$1 = "_isInTable_jptum_412";
-const input = "_input_jptum_329";
-const isOpen = "_isOpen_jptum_431";
-const error$2 = "_error_jptum_447";
-const warning$3 = "_warning_jptum_462";
-const disabled$3 = "_disabled_jptum_477";
-const iconOpen = "_iconOpen_jptum_482";
-const icons = "_icons_jptum_485";
-const clearAll = "_clearAll_jptum_494";
-const small$4 = "_small_jptum_503";
-const focus = "_focus_jptum_512";
-const triggerInputContainer = "_triggerInputContainer_jptum_526";
-const right$2 = "_right_jptum_535";
-const multiOptions = "_multiOptions_jptum_548";
-const multiOptionWrapper = "_multiOptionWrapper_jptum_557";
-const multiOption = "_multiOption_jptum_548";
-const label$4 = "_label_jptum_584";
-const closeMultiOption = "_closeMultiOption_jptum_590";
-const selectedSingleValue = "_selectedSingleValue_jptum_605";
-const placeHolder = "_placeHolder_jptum_606";
-const searchable = "_searchable_jptum_615";
-const groupOrderFirst = "_groupOrderFirst_jptum_657";
-const groupOrderMiddle = "_groupOrderMiddle_jptum_658";
-const groupOrderLast = "_groupOrderLast_jptum_659";
-const detailedLabel = "_detailedLabel_jptum_676";
+const inputInTable$4 = "_inputInTable_1pdad_332";
+const inputFocus$4 = "_inputFocus_1pdad_348";
+const inputError$4 = "_inputError_1pdad_353";
+const inputWarning$4 = "_inputWarning_1pdad_354";
+const inputDisabled$4 = "_inputDisabled_1pdad_385";
+const hideScrollbars$4 = "_hideScrollbars_1pdad_390";
+const trigger = "_trigger_1pdad_404";
+const isInTable$1 = "_isInTable_1pdad_419";
+const input = "_input_1pdad_332";
+const isOpen = "_isOpen_1pdad_438";
+const error$2 = "_error_1pdad_454";
+const warning$3 = "_warning_1pdad_469";
+const disabled$3 = "_disabled_1pdad_484";
+const iconOpen = "_iconOpen_1pdad_489";
+const icons = "_icons_1pdad_492";
+const clearAll = "_clearAll_1pdad_500";
+const small$4 = "_small_1pdad_509";
+const focus = "_focus_1pdad_518";
+const triggerInputContainer = "_triggerInputContainer_1pdad_532";
+const right$2 = "_right_1pdad_541";
+const multiOptions = "_multiOptions_1pdad_554";
+const multiOption = "_multiOption_1pdad_554";
+const label$4 = "_label_1pdad_586";
+const closeMultiOption = "_closeMultiOption_1pdad_589";
+const selectedSingleValue = "_selectedSingleValue_1pdad_604";
+const placeHolder = "_placeHolder_1pdad_605";
+const groupOrderFirst = "_groupOrderFirst_1pdad_644";
+const groupOrderMiddle = "_groupOrderMiddle_1pdad_645";
+const groupOrderLast = "_groupOrderLast_1pdad_646";
+const detailedLabel = "_detailedLabel_1pdad_663";
 const styles$j = {
   inputInTable: inputInTable$4,
   inputFocus: inputFocus$4,
@@ -26915,70 +26913,146 @@ const styles$j = {
   triggerInputContainer,
   right: right$2,
   multiOptions,
-  multiOptionWrapper,
   multiOption,
   label: label$4,
   closeMultiOption,
   selectedSingleValue,
   placeHolder,
-  searchable,
   groupOrderFirst,
   groupOrderMiddle,
   groupOrderLast,
   detailedLabel
 };
+const getTextWidth = (text2, font) => {
+  const element = document.createElement("canvas");
+  const context = element.getContext("2d");
+  context.font = font;
+  return context.measureText(text2).width;
+};
+const FONT_SIZE = "14px";
+const FONT_SIZE_SMALL = "12px";
+const FONT_FAMILY = "Lato";
+const FONT_FAMILY_FALLBACK = "sans-serif";
+const PADDING = 14;
+const PADDING_SMALL = 7;
+const TOGGLE_SIZE = 38;
+const TOGGLE_SIZE_SMALL = 24;
+const TAG_PADDING = 5;
+const TAG_PADDING_SMALL = 3;
+const TAG_BORDER_WIDTH = 1;
+const TAG_MARGIN = 2;
+const getFont = (small2 = false, isFontLoaded = false) => {
+  const fontSize = small2 ? FONT_SIZE_SMALL : FONT_SIZE;
+  const fontFamily = isFontLoaded ? FONT_FAMILY : FONT_FAMILY_FALLBACK;
+  return `${fontSize} ${fontFamily}`;
+};
+const getExtraOptionWidth = (small2 = false, scrollbar = false) => {
+  const SCROLLBAR_WIDTH = 17;
+  return (small2 ? PADDING_SMALL : PADDING) + (small2 ? TOGGLE_SIZE_SMALL : TOGGLE_SIZE) + (scrollbar ? SCROLLBAR_WIDTH : 0);
+};
+const getWidestOptionWidth = (options, small2, isFontLoaded, placeholder3) => {
+  const font = getFont(small2, isFontLoaded);
+  const placeholderWidth = placeholder3 ? getTextWidth(placeholder3, font) : 0;
+  const widestTextWidth = Math.ceil(
+    options.reduce((acc, option2) => {
+      var _a, _b;
+      const optionActionsWidth = ((_b = (_a = option2 == null ? void 0 : option2.actions) == null ? void 0 : _a.length) != null ? _b : 0) * 24;
+      const optionIconWidth = option2.icon ? (small2 ? FONT_SIZE_SMALL : FONT_SIZE) + 7 : 0;
+      const optionsText = `${option2.label} ${option2.details || ""}`;
+      const optionWidth = getTextWidth(optionsText, font) + optionActionsWidth + optionIconWidth;
+      acc = optionWidth > acc ? optionWidth : acc;
+      return acc;
+    }, placeholderWidth)
+  );
+  const extraWidth = getExtraOptionWidth(small2, true);
+  return widestTextWidth + extraWidth;
+};
+const getMultiOptionWidth = (option2, small2, isFontLoaded) => {
+  const font = getFont(true, isFontLoaded);
+  const textWidth = getTextWidth(option2.label, font);
+  const extraWidth = (small2 ? TAG_PADDING_SMALL : TAG_PADDING) * 2 + TAG_BORDER_WIDTH * 2 + TAG_MARGIN;
+  return Math.ceil(textWidth + extraWidth);
+};
+const MultiSelectedOptions = ({
+  selectedOptions,
+  small: small2,
+  width
+}) => {
+  const isFontLoaded = useFontsReady();
+  const [displayedOptions, setDisplayedOptions] = useState([]);
+  const [overflowOptions, setOverflowOptions] = useState([]);
+  useEffect(() => {
+    let displayed = [];
+    let overflow = [];
+    let usedWidth = 0;
+    selectedOptions.forEach((option2, index2) => {
+      usedWidth += getMultiOptionWidth(option2, small2, isFontLoaded);
+      if (index2 === selectedOptions.length - 1 && usedWidth < width) {
+        displayed.push(option2);
+      } else if (usedWidth < width - 24) {
+        displayed.push(option2);
+      } else {
+        overflow.push(option2);
+      }
+    });
+    setDisplayedOptions(displayed);
+    setOverflowOptions(overflow);
+  }, [selectedOptions, isFontLoaded, width]);
+  return /* @__PURE__ */ jsxs("div", {
+    className: styles$j.multiOptions,
+    children: [displayedOptions.filter((option2) => option2 && option2.label).map((option2, index2) => /* @__PURE__ */ jsx("span", {
+      className: styles$j.multiOption,
+      onClick: (evt) => {
+        evt.stopPropagation();
+      },
+      children: option2.label
+    }, index2)), overflowOptions.length > 0 && /* @__PURE__ */ jsx(Tooltip$2, {
+      text: overflowOptions.map((option2, index2) => /* @__PURE__ */ jsx("div", {
+        children: option2.label
+      }, index2)),
+      display: "inline-flex",
+      children: /* @__PURE__ */ jsx("span", {
+        className: styles$j.multiOption,
+        children: displayedOptions.length ? `+${overflowOptions.length}` : `${overflowOptions.length} items`
+      })
+    })]
+  });
+};
 const Input = ({
   selectedOptions,
-  searchable: searchable2,
+  searchable,
   searchValue,
   inputRef,
   onChange,
-  onClickDeselect,
   error: error2,
-  focusedSelectedOptionIndex,
-  placeholder: placeholder3
+  placeholder: placeholder3,
+  small: small2
 }) => {
+  const containerRef = useRef(null);
   const isMulti2 = selectedOptions instanceof Array;
   const hasSelectedValues = isMulti2 ? selectedOptions.length > 0 : selectedOptions !== null;
-  const placeHolder2 = !searchValue && !hasSelectedValues ? placeholder3 : "";
-  const selectedSingleValue2 = !isMulti2 && !searchValue && selectedOptions ? selectedOptions.label : "";
-  const size2 = searchValue.length || 2;
+  const inputSize = searchValue.length + 1 || 1;
+  const getMultiOptionsWidth = () => {
+    var _a, _b;
+    return ((_a = containerRef == null ? void 0 : containerRef.current) == null ? void 0 : _a.offsetWidth) - ((_b = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _b.offsetWidth);
+  };
   return /* @__PURE__ */ jsxs("div", {
     className: styles$j.triggerInputContainer,
-    children: [placeHolder2 && /* @__PURE__ */ jsx("span", {
-      className: cx(styles$j.placeHolder, searchable2 ? styles$j.searchable : ""),
-      children: placeHolder2
-    }), selectedSingleValue2 !== "" && /* @__PURE__ */ jsx("span", {
-      className: cx(styles$j.selectedSingleValue, searchable2 ? styles$j.searchable : ""),
-      children: selectedSingleValue2
-    }), isMulti2 ? /* @__PURE__ */ jsx("div", {
-      className: styles$j.multiOptions,
-      children: selectedOptions.filter((option2) => option2 && option2.label).map((option2, index2) => /* @__PURE__ */ jsx("span", {
-        className: styles$j.multiOptionWrapper,
-        children: /* @__PURE__ */ jsxs("span", {
-          className: styles$j.multiOption,
-          onClick: (evt) => {
-            evt.stopPropagation();
-          },
-          children: [/* @__PURE__ */ jsx("span", {
-            className: styles$j.label,
-            children: option2.label
-          }), /* @__PURE__ */ jsx("span", {
-            className: cx(styles$j.closeMultiOption, focusedSelectedOptionIndex === index2 ? styles$j.focus : ""),
-            onClick: (evt) => {
-              evt.stopPropagation();
-              onClickDeselect(evt, option2);
-            },
-            children: /* @__PURE__ */ jsx(FaTimes, {
-              className: styles$j.icon
-            })
-          })]
-        }, index2)
-      }, index2))
-    }) : null, searchable2 ? /* @__PURE__ */ jsx("input", {
+    ref: containerRef,
+    children: [!hasSelectedValues ? /* @__PURE__ */ jsx("span", {
+      className: styles$j.placeHolder,
+      children: !searchValue.length ? placeholder3 : ""
+    }) : isMulti2 ? /* @__PURE__ */ jsx(MultiSelectedOptions, {
+      selectedOptions,
+      small: small2,
+      width: getMultiOptionsWidth()
+    }) : /* @__PURE__ */ jsx("span", {
+      className: styles$j.selectedSingleValue,
+      children: selectedOptions.label
+    }), searchable ? /* @__PURE__ */ jsx("input", {
       tabIndex: -1,
       ref: inputRef,
-      size: size2,
+      size: inputSize,
       className: cx(styles$j.input, error2 ? styles$j.error : ""),
       value: searchValue,
       onChange: (evt) => onChange(evt.target.value)
@@ -26994,7 +27068,7 @@ Input.propTypes = {
 const Trigger$1 = ({
   selectedOptions,
   searchValue,
-  searchable: searchable2,
+  searchable,
   clearable,
   onClickTrigger,
   width,
@@ -27069,13 +27143,14 @@ const Trigger$1 = ({
       children: [/* @__PURE__ */ jsx(Input, {
         selectedOptions: selectedOptionsWithDetails,
         placeholder: placeholder3,
-        searchable: searchable2,
+        searchable,
         searchValue,
         inputRef,
         onChange: onChangeSearch,
         error: error2,
         onClickDeselect,
-        focusedSelectedOptionIndex
+        focusedSelectedOptionIndex,
+        small: small2
       }), /* @__PURE__ */ jsx("span", {
         className: styles$j.icons,
         children: canClear ? /* @__PURE__ */ jsx("span", {
@@ -27244,12 +27319,6 @@ const reducer = (state, action2) => {
       return state;
   }
 };
-const getTextWidth = (text2, font) => {
-  const element = document.createElement("canvas");
-  const context = element.getContext("2d");
-  context.font = font;
-  return context.measureText(text2).width;
-};
 const CustomSelect = ({
   multi: isMulti2,
   disabled: disabled2,
@@ -27267,7 +27336,7 @@ const CustomSelect = ({
   autoLayerWidth,
   onFocus,
   onBlur,
-  searchable: searchable2,
+  searchable,
   clearable,
   groupOrder,
   maxTooltipWidth,
@@ -27326,8 +27395,17 @@ const CustomSelect = ({
           onCreate(option2.value);
         } else {
           if (!option2.disabled) {
-            const newSelectedOptions = selectedOptions instanceof Array ? lodash.exports.uniqWith(selectedOptions.concat(option2), lodash.exports.isEqual) : option2;
-            onChange(evt, newSelectedOptions);
+            if (selectedOptions instanceof Array) {
+              if (selectedOptions.indexOf(option2) === -1) {
+                const newSelectedOptions = lodash.exports.uniqWith(selectedOptions.concat(option2), lodash.exports.isEqual);
+                onChange(evt, newSelectedOptions);
+              } else {
+                const newSelectedOptions = selectedOptions.filter((opt) => opt !== option2);
+                onChange(evt, newSelectedOptions);
+              }
+            } else {
+              onChange(evt, option2);
+            }
           }
         }
       }
@@ -27338,34 +27416,17 @@ const CustomSelect = ({
       setTriggerFocus();
     }
   };
-  const getWidestOptionWidth = useCallback$1(() => {
-    const fontSize = small2 ? "12px" : "14px";
-    const fontFamily = isFontLoaded ? "Lato" : "sans-serif";
-    const font = `${fontSize} ${fontFamily}`;
-    const placeholderWidth = placeholder3 ? getTextWidth(placeholder3, font) : 0;
-    const widestTextWidth = Math.ceil(options.reduce((acc, option2) => {
-      var _a, _b;
-      const optionActionsWidth = ((_b = (_a = option2 == null ? void 0 : option2.actions) == null ? void 0 : _a.length) != null ? _b : 0) * 24;
-      const optionIconWidth = option2.icon ? (small2 ? 12 : 14) + 7 : 0;
-      const optionsText = `${option2.label} ${option2.details || ""}`;
-      const optionWidth = getTextWidth(optionsText, font) + optionActionsWidth + optionIconWidth;
-      acc = optionWidth > acc ? optionWidth : acc;
-      return acc;
-    }, placeholderWidth));
-    const extraWidth = (small2 ? 7 : 14) + (small2 ? 24 : 38) + 17 + (isMulti2 ? 16 : 0);
-    return widestTextWidth + extraWidth;
-  }, [options, isFontLoaded]);
-  const getTriggerWidth = () => {
+  const getTriggerWidth = useCallback$1(() => {
     if (width !== "auto")
       return width;
-    return getWidestOptionWidth();
-  };
-  const getLayerWidth = (triggerBounds2) => {
+    return getWidestOptionWidth(options, small2, isFontLoaded, placeholder3);
+  }, [options, isFontLoaded]);
+  const getLayerWidth = useCallback$1((triggerBounds2) => {
     if (!autoLayerWidth)
       return triggerBounds2.width;
     const layerWidth = Math.max(getWidestOptionWidth(), triggerBounds2.width);
     return layerWidth;
-  };
+  }, [options, isFontLoaded]);
   const {
     renderLayer,
     layerProps,
@@ -27503,7 +27564,7 @@ const CustomSelect = ({
       focusedSelectedOptionIndex: state.triggerFocus.currentOption,
       clearAllIsFocused,
       width: getTriggerWidth(),
-      searchable: searchable2,
+      searchable,
       triggerRef: mergeRefs(triggerRef, triggerProps.ref),
       error: error2,
       warning: warning2,
@@ -27532,8 +27593,9 @@ const CustomSelect = ({
         isMulti: isMulti2,
         sections: state.visibleOptions,
         selectedOptions,
+        onClickDeselectOption,
         onSelectOption: (evt, option2) => {
-          onSelectOption(evt, option2, closeLayer);
+          onSelectOption(evt, option2, !isMulti2 && closeLayer);
         },
         closeLayer: closeOnOptionActionClick ? closeLayer : null,
         triggerRect: triggerBounds,
@@ -27993,9 +28055,9 @@ const paginationShape = propTypes$1.exports.shape({
 Pagination.propTypes = {
   pagination: paginationShape.isRequired
 };
-const toggleBox = "_toggleBox_skr2d_329";
-const fullWidthStyleFix = "_fullWidthStyleFix_skr2d_336";
-const dismiss = "_dismiss_skr2d_341";
+const toggleBox = "_toggleBox_tb1i3_332";
+const fullWidthStyleFix = "_fullWidthStyleFix_tb1i3_339";
+const dismiss = "_dismiss_tb1i3_344";
 const styles$h = {
   toggleBox,
   fullWidthStyleFix,
@@ -28197,14 +28259,14 @@ ProgressBar$1.propTypes = {
   showProgressColors: propTypes$1.exports.bool,
   noLabel: propTypes$1.exports.bool
 };
-const wrapper = "_wrapper_9405w_329";
-const inline = "_inline_9405w_329";
-const radio = "_radio_9405w_333";
-const labelMargin = "_labelMargin_9405w_336";
-const small$3 = "_small_9405w_352";
-const noMargin$1 = "_noMargin_9405w_356";
-const disabled$2 = "_disabled_9405w_415";
-const isInTable = "_isInTable_9405w_431";
+const wrapper = "_wrapper_1sjyh_332";
+const inline = "_inline_1sjyh_332";
+const radio = "_radio_1sjyh_336";
+const labelMargin = "_labelMargin_1sjyh_339";
+const small$3 = "_small_1sjyh_355";
+const noMargin$1 = "_noMargin_1sjyh_359";
+const disabled$2 = "_disabled_1sjyh_418";
+const isInTable = "_isInTable_1sjyh_434";
 const styles$e = {
   wrapper,
   inline,
@@ -28348,7 +28410,7 @@ RadioButton.propTypes = propTypes$1.exports.oneOfType([
   propTypes$1.exports.shape(RadioButtonShape),
   propTypes$1.exports.shape(RadioButtonShapeDeprecated)
 ]).isRequired;
-const row = "_row_1vsni_329";
+const row = "_row_1onxs_332";
 const styles$d = {
   row
 };
@@ -28501,23 +28563,23 @@ var reactFastCompare = function isEqual3(a, b2) {
     throw error2;
   }
 };
-const inputInTable$3 = "_inputInTable_1mx1k_329";
-const inputFocus$3 = "_inputFocus_1mx1k_345";
-const inputError$3 = "_inputError_1mx1k_350";
-const inputWarning$3 = "_inputWarning_1mx1k_351";
-const inputDisabled$3 = "_inputDisabled_1mx1k_382";
-const hideScrollbars$3 = "_hideScrollbars_1mx1k_387";
-const sidebar = "_sidebar_1mx1k_400";
-const inner = "_inner_1mx1k_410";
-const title$3 = "_title_1mx1k_421";
-const subtitle = "_subtitle_1mx1k_422";
-const label$2 = "_label_1mx1k_423";
-const collapsed = "_collapsed_1mx1k_427";
-const list = "_list_1mx1k_450";
-const item$2 = "_item_1mx1k_456";
-const active$2 = "_active_1mx1k_477";
-const experimental = "_experimental_1mx1k_481";
-const icon$1 = "_icon_1mx1k_484";
+const inputInTable$3 = "_inputInTable_1boi8_332";
+const inputFocus$3 = "_inputFocus_1boi8_348";
+const inputError$3 = "_inputError_1boi8_353";
+const inputWarning$3 = "_inputWarning_1boi8_354";
+const inputDisabled$3 = "_inputDisabled_1boi8_385";
+const hideScrollbars$3 = "_hideScrollbars_1boi8_390";
+const sidebar = "_sidebar_1boi8_403";
+const inner = "_inner_1boi8_413";
+const title$3 = "_title_1boi8_424";
+const subtitle = "_subtitle_1boi8_425";
+const label$2 = "_label_1boi8_426";
+const collapsed = "_collapsed_1boi8_430";
+const list = "_list_1boi8_453";
+const item$2 = "_item_1boi8_459";
+const active$2 = "_active_1boi8_480";
+const experimental = "_experimental_1boi8_484";
+const icon$1 = "_icon_1boi8_487";
 const styles$c = {
   inputInTable: inputInTable$3,
   inputFocus: inputFocus$3,
@@ -34597,13 +34659,13 @@ const SliderTooltip = ({
   });
 };
 const rcSlider = "";
-const container = "_container_qrqjq_329";
-const small$2 = "_small_qrqjq_335";
-const hasMarks = "_hasMarks_qrqjq_338";
-const vertical = "_vertical_qrqjq_341";
-const hasArrows = "_hasArrows_qrqjq_345";
-const button$1 = "_button_qrqjq_349";
-const label$1 = "_label_qrqjq_352";
+const container = "_container_1a5uh_332";
+const small$2 = "_small_1a5uh_338";
+const hasMarks = "_hasMarks_1a5uh_341";
+const vertical = "_vertical_1a5uh_344";
+const hasArrows = "_hasArrows_1a5uh_348";
+const button$1 = "_button_1a5uh_352";
+const label$1 = "_label_1a5uh_355";
 const styles$b = {
   container,
   small: small$2,
@@ -34809,22 +34871,22 @@ Spacer.propTypes = {
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   flex: propTypes$1.exports.bool
 };
-const inputInTable$2 = "_inputInTable_x12kw_329";
-const inputFocus$2 = "_inputFocus_x12kw_345";
-const inputError$2 = "_inputError_x12kw_350";
-const inputWarning$2 = "_inputWarning_x12kw_351";
-const inputDisabled$2 = "_inputDisabled_x12kw_382";
-const hideScrollbars$2 = "_hideScrollbars_x12kw_387";
-const cellWrapperPadding$3 = "_cellWrapperPadding_x12kw_397";
-const flexBlock$3 = "_flexBlock_x12kw_400";
-const scrollWrapper = "_scrollWrapper_x12kw_413";
-const bordered = "_bordered_x12kw_413";
-const maxHeight = "_maxHeight_x12kw_417";
-const table = "_table_x12kw_426";
-const cellWrapper$3 = "_cellWrapper_x12kw_397";
-const title$2 = "_title_x12kw_508";
-const footer$1 = "_footer_x12kw_509";
-const striped = "_striped_x12kw_514";
+const inputInTable$2 = "_inputInTable_1bqo1_332";
+const inputFocus$2 = "_inputFocus_1bqo1_348";
+const inputError$2 = "_inputError_1bqo1_353";
+const inputWarning$2 = "_inputWarning_1bqo1_354";
+const inputDisabled$2 = "_inputDisabled_1bqo1_385";
+const hideScrollbars$2 = "_hideScrollbars_1bqo1_390";
+const cellWrapperPadding$3 = "_cellWrapperPadding_1bqo1_400";
+const flexBlock$3 = "_flexBlock_1bqo1_403";
+const scrollWrapper = "_scrollWrapper_1bqo1_416";
+const bordered = "_bordered_1bqo1_416";
+const maxHeight = "_maxHeight_1bqo1_420";
+const table = "_table_1bqo1_429";
+const cellWrapper$3 = "_cellWrapper_1bqo1_400";
+const title$2 = "_title_1bqo1_511";
+const footer$1 = "_footer_1bqo1_512";
+const striped = "_striped_1bqo1_517";
 const styles$a = {
   inputInTable: inputInTable$2,
   inputFocus: inputFocus$2,
@@ -34843,10 +34905,10 @@ const styles$a = {
   footer: footer$1,
   striped
 };
-const cellWrapperPadding$2 = "_cellWrapperPadding_c4wz5_329";
-const flexBlock$2 = "_flexBlock_c4wz5_332";
-const cellWrapper$2 = "_cellWrapper_c4wz5_329";
-const title$1 = "_title_c4wz5_340";
+const cellWrapperPadding$2 = "_cellWrapperPadding_puzaz_332";
+const flexBlock$2 = "_flexBlock_puzaz_335";
+const cellWrapper$2 = "_cellWrapper_puzaz_332";
+const title$1 = "_title_puzaz_343";
 const styles$9 = {
   cellWrapperPadding: cellWrapperPadding$2,
   flexBlock: flexBlock$2,
@@ -34907,10 +34969,10 @@ Title$1.propTypes = {
   name: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number, propTypes$1.exports.node]),
   testId: propTypes$1.exports.string
 };
-const cellWrapperPadding$1 = "_cellWrapperPadding_zagix_329";
-const flexBlock$1 = "_flexBlock_zagix_332";
-const cellWrapper$1 = "_cellWrapper_zagix_329";
-const footer = "_footer_zagix_340";
+const cellWrapperPadding$1 = "_cellWrapperPadding_vi93u_332";
+const flexBlock$1 = "_flexBlock_vi93u_335";
+const cellWrapper$1 = "_cellWrapper_vi93u_332";
+const footer = "_footer_vi93u_343";
 const styles$8 = {
   cellWrapperPadding: cellWrapperPadding$1,
   flexBlock: flexBlock$1,
@@ -34983,38 +35045,38 @@ function CgSortAz(props) {
 function CgSortZa(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none" }, "child": [{ "tag": "path", "attr": { "d": "M6 16C6 16.5523 6.44772 17 7 17H17C17.5523 17 18 16.5523 18 16C18 15.4477 17.5523 15 17 15H7C6.44772 15 6 15.4477 6 16Z", "fill": "currentColor" } }, { "tag": "path", "attr": { "d": "M8 12C8 12.5523 8.44772 13 9 13H15C15.5523 13 16 12.5523 16 12C16 11.4477 15.5523 11 15 11H9C8.44772 11 8 11.4477 8 12Z", "fill": "currentColor" } }, { "tag": "path", "attr": { "d": "M11 9C10.4477 9 10 8.55229 10 8C10 7.44771 10.4477 7 11 7H13C13.5523 7 14 7.44771 14 8C14 8.55229 13.5523 9 13 9H11Z", "fill": "currentColor" } }] })(props);
 }
-const inputInTable$1 = "_inputInTable_1us9t_329";
-const inputFocus$1 = "_inputFocus_1us9t_345";
-const inputError$1 = "_inputError_1us9t_350";
-const inputWarning$1 = "_inputWarning_1us9t_351";
-const inputDisabled$1 = "_inputDisabled_1us9t_382";
-const hideScrollbars$1 = "_hideScrollbars_1us9t_387";
-const cellWrapperPadding = "_cellWrapperPadding_1us9t_397";
-const flexBlock = "_flexBlock_1us9t_400";
-const cellWrapper = "_cellWrapper_1us9t_397";
-const disabledLink = "_disabledLink_1us9t_418";
-const inputWrapper = "_inputWrapper_1us9t_422";
-const breakWord = "_breakWord_1us9t_438";
-const inputCell = "_inputCell_1us9t_441";
-const sliderCell = "_sliderCell_1us9t_444";
-const staticCell = "_staticCell_1us9t_448";
-const staticCellContent = "_staticCellContent_1us9t_451";
-const error$1 = "_error_1us9t_458";
-const warning$1 = "_warning_1us9t_459";
-const unit = "_unit_1us9t_492";
-const sortingCell = "_sortingCell_1us9t_495";
-const sortingCellIcon = "_sortingCellIcon_1us9t_503";
-const icon = "_icon_1us9t_510";
-const clickable = "_clickable_1us9t_521";
-const checkBoxCell = "_checkBoxCell_1us9t_525";
-const iconCell = "_iconCell_1us9t_529";
-const iconWrapper = "_iconWrapper_1us9t_534";
-const actionsCell = "_actionsCell_1us9t_538";
-const rightAligned = "_rightAligned_1us9t_542";
-const centerAligned = "_centerAligned_1us9t_545";
-const leftAligned = "_leftAligned_1us9t_548";
-const popover = "_popover_1us9t_551";
-const disabledPointerEvents = "_disabledPointerEvents_1us9t_554";
+const inputInTable$1 = "_inputInTable_1ql66_332";
+const inputFocus$1 = "_inputFocus_1ql66_348";
+const inputError$1 = "_inputError_1ql66_353";
+const inputWarning$1 = "_inputWarning_1ql66_354";
+const inputDisabled$1 = "_inputDisabled_1ql66_385";
+const hideScrollbars$1 = "_hideScrollbars_1ql66_390";
+const cellWrapperPadding = "_cellWrapperPadding_1ql66_400";
+const flexBlock = "_flexBlock_1ql66_403";
+const cellWrapper = "_cellWrapper_1ql66_400";
+const disabledLink = "_disabledLink_1ql66_421";
+const inputWrapper = "_inputWrapper_1ql66_425";
+const breakWord = "_breakWord_1ql66_441";
+const inputCell = "_inputCell_1ql66_444";
+const sliderCell = "_sliderCell_1ql66_447";
+const staticCell = "_staticCell_1ql66_451";
+const staticCellContent = "_staticCellContent_1ql66_454";
+const error$1 = "_error_1ql66_461";
+const warning$1 = "_warning_1ql66_462";
+const unit = "_unit_1ql66_495";
+const sortingCell = "_sortingCell_1ql66_498";
+const sortingCellIcon = "_sortingCellIcon_1ql66_506";
+const icon = "_icon_1ql66_513";
+const clickable = "_clickable_1ql66_524";
+const checkBoxCell = "_checkBoxCell_1ql66_528";
+const iconCell = "_iconCell_1ql66_532";
+const iconWrapper = "_iconWrapper_1ql66_537";
+const actionsCell = "_actionsCell_1ql66_541";
+const rightAligned = "_rightAligned_1ql66_545";
+const centerAligned = "_centerAligned_1ql66_548";
+const leftAligned = "_leftAligned_1ql66_551";
+const popover = "_popover_1ql66_554";
+const disabledPointerEvents = "_disabledPointerEvents_1ql66_557";
 const styles$7 = {
   inputInTable: inputInTable$1,
   inputFocus: inputFocus$1,
@@ -35607,13 +35669,13 @@ Cell.propTypes = {
   cell: cellShape,
   testId: propTypes$1.exports.string
 };
-const clickableRow = "_clickableRow_15h4s_329";
-const hoverableRow = "_hoverableRow_15h4s_332";
-const expandableRow = "_expandableRow_15h4s_336";
-const flush2 = "_flush_15h4s_336";
-const rowActive = "_rowActive_15h4s_340";
-const dragIconCell = "_dragIconCell_15h4s_356";
-const dragIcon = "_dragIcon_15h4s_356";
+const clickableRow = "_clickableRow_wtxjz_332";
+const hoverableRow = "_hoverableRow_wtxjz_335";
+const expandableRow = "_expandableRow_wtxjz_339";
+const flush2 = "_flush_wtxjz_339";
+const rowActive = "_rowActive_wtxjz_343";
+const dragIconCell = "_dragIconCell_wtxjz_359";
+const dragIcon = "_dragIcon_wtxjz_359";
 const styles$6 = {
   clickableRow,
   hoverableRow,
@@ -36070,16 +36132,16 @@ Table.propTypes = {
   }).isRequired,
   onListReorder: propTypes$1.exports.func
 };
-const tabs = "_tabs_10e36_329";
-const padding = "_padding_10e36_335";
-const margin = "_margin_10e36_339";
-const contentPadding = "_contentPadding_10e36_342";
-const item$1 = "_item_10e36_345";
-const active$1 = "_active_10e36_374";
-const hidden = "_hidden_10e36_379";
-const disabled$1 = "_disabled_10e36_382";
-const left$1 = "_left_10e36_386";
-const right$1 = "_right_10e36_386";
+const tabs = "_tabs_1fkrz_332";
+const padding = "_padding_1fkrz_338";
+const margin = "_margin_1fkrz_342";
+const contentPadding = "_contentPadding_1fkrz_345";
+const item$1 = "_item_1fkrz_348";
+const active$1 = "_active_1fkrz_377";
+const hidden = "_hidden_1fkrz_382";
+const disabled$1 = "_disabled_1fkrz_385";
+const left$1 = "_left_1fkrz_389";
+const right$1 = "_right_1fkrz_389";
 const styles$5 = {
   tabs,
   padding,
@@ -36301,17 +36363,17 @@ TextLink.propTypes = {
   target: propTypes$1.exports.string,
   testId: propTypes$1.exports.string
 };
-const inputInTable = "_inputInTable_1xj0c_329";
-const inputFocus = "_inputFocus_1xj0c_345";
-const inputError = "_inputError_1xj0c_350";
-const inputWarning = "_inputWarning_1xj0c_351";
-const inputDisabled = "_inputDisabled_1xj0c_382";
-const hideScrollbars = "_hideScrollbars_1xj0c_387";
-const textarea = "_textarea_1xj0c_397";
-const small$1 = "_small_1xj0c_430";
-const error = "_error_1xj0c_436";
-const warning = "_warning_1xj0c_451";
-const monospace = "_monospace_1xj0c_466";
+const inputInTable = "_inputInTable_1rqe7_332";
+const inputFocus = "_inputFocus_1rqe7_348";
+const inputError = "_inputError_1rqe7_353";
+const inputWarning = "_inputWarning_1rqe7_354";
+const inputDisabled = "_inputDisabled_1rqe7_385";
+const hideScrollbars = "_hideScrollbars_1rqe7_390";
+const textarea = "_textarea_1rqe7_400";
+const small$1 = "_small_1rqe7_433";
+const error = "_error_1rqe7_439";
+const warning = "_warning_1rqe7_454";
+const monospace = "_monospace_1rqe7_469";
 const styles$4 = {
   inputInTable,
   inputFocus,
@@ -37477,10 +37539,10 @@ const toast = ({
     transition: Slide
   });
 };
-const toggle$1 = "_toggle_hig2m_337";
-const small = "_small_hig2m_350";
-const disabled = "_disabled_hig2m_422";
-const noMargin = "_noMargin_hig2m_433";
+const toggle$1 = "_toggle_1uhuq_340";
+const small = "_small_1uhuq_353";
+const disabled = "_disabled_1uhuq_425";
+const noMargin = "_noMargin_1uhuq_436";
 const styles$3 = {
   toggle: toggle$1,
   small,
@@ -37537,20 +37599,20 @@ Toggle.propTypes = {
   noMargin: propTypes$1.exports.bool,
   testId: propTypes$1.exports.string
 };
-const topbar = "_topbar_1hu2l_335";
-const fixed = "_fixed_1hu2l_346";
-const title = "_title_1hu2l_354";
-const label = "_label_1hu2l_370";
-const brand = "_brand_1hu2l_375";
-const version = "_version_1hu2l_381";
-const link = "_link_1hu2l_382";
-const left = "_left_1hu2l_393";
-const right = "_right_1hu2l_394";
-const item = "_item_1hu2l_405";
-const button = "_button_1hu2l_423";
-const menu = "_menu_1hu2l_424";
-const active = "_active_1hu2l_451";
-const alert = "_alert_1hu2l_478";
+const topbar = "_topbar_1lh9e_338";
+const fixed = "_fixed_1lh9e_349";
+const title = "_title_1lh9e_357";
+const label = "_label_1lh9e_373";
+const brand = "_brand_1lh9e_378";
+const version = "_version_1lh9e_384";
+const link = "_link_1lh9e_385";
+const left = "_left_1lh9e_396";
+const right = "_right_1lh9e_397";
+const item = "_item_1lh9e_408";
+const button = "_button_1lh9e_426";
+const menu = "_menu_1lh9e_427";
+const active = "_active_1lh9e_454";
+const alert = "_alert_1lh9e_481";
 const styles$2 = {
   topbar,
   fixed,
@@ -43454,12 +43516,12 @@ function AiOutlineMinusSquare(props) {
 function AiOutlinePlusSquare(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 1024 1024" }, "child": [{ "tag": "path", "attr": { "d": "M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z" } }, { "tag": "path", "attr": { "d": "M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" } }] })(props);
 }
-const tree = "_tree_1hzfx_329";
-const toggle = "_toggle_1hzfx_332";
-const dropTarget = "_dropTarget_1hzfx_336";
-const draggingSource = "_draggingSource_1hzfx_339";
-const placeholderContainer = "_placeholderContainer_1hzfx_342";
-const placeholder2 = "_placeholder_1hzfx_342";
+const tree = "_tree_1png8_332";
+const toggle = "_toggle_1png8_335";
+const dropTarget = "_dropTarget_1png8_339";
+const draggingSource = "_draggingSource_1png8_342";
+const placeholderContainer = "_placeholderContainer_1png8_345";
+const placeholder2 = "_placeholder_1png8_345";
 const styles = {
   tree,
   toggle,