@oliasoft-open-source/react-ui-library 3.10.0-beta-1 → 3.10.0-beta-2

package/dist/index.js

@@ -2130,8 +2130,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_6ssp7_333";
-const expanded$2 = "_expanded_6ssp7_339";
+const chevron = "_chevron_1blrq_335";
+const expanded$2 = "_expanded_1blrq_341";
 const styles$T = {
   chevron,
   expanded: expanded$2
@@ -2143,15 +2143,15 @@ const Chevron = ({ expanded: expanded2 }) => {
     className: cx$2(styles$T.chevron)
   });
 };
-const accordion = "_accordion_1inim_333";
-const accordionHeader = "_accordionHeader_1inim_337";
-const heading$6 = "_heading_1inim_341";
-const clickable$2 = "_clickable_1inim_344";
-const bordered$4 = "_bordered_1inim_350";
-const accordionContent = "_accordionContent_1inim_350";
-const expanded$1 = "_expanded_1inim_363";
-const padding$3 = "_padding_1inim_372";
-const squareBottom = "_squareBottom_1inim_375";
+const accordion = "_accordion_1yewz_335";
+const accordionHeader = "_accordionHeader_1yewz_339";
+const heading$6 = "_heading_1yewz_343";
+const clickable$2 = "_clickable_1yewz_346";
+const bordered$4 = "_bordered_1yewz_352";
+const accordionContent = "_accordionContent_1yewz_352";
+const expanded$1 = "_expanded_1yewz_365";
+const padding$3 = "_padding_1yewz_374";
+const squareBottom = "_squareBottom_1yewz_377";
 const styles$S = {
   accordion,
   accordionHeader,
@@ -2276,13 +2276,13 @@ Accordion.propTypes = {
   squareBottom: propTypes$1.exports.bool,
   testId: propTypes$1.exports.string
 };
-const checkbox = "_checkbox_1a5ed_333";
-const noLabel = "_noLabel_1a5ed_348";
-const small$e = "_small_1a5ed_351";
-const checkmark = "_checkmark_1a5ed_376";
-const disabled$a = "_disabled_1a5ed_397";
-const noMargin$2 = "_noMargin_1a5ed_411";
-const isInTable$4 = "_isInTable_1a5ed_414";
+const checkbox = "_checkbox_19ok6_335";
+const noLabel = "_noLabel_19ok6_350";
+const small$e = "_small_19ok6_353";
+const checkmark = "_checkmark_19ok6_378";
+const disabled$a = "_disabled_19ok6_399";
+const noMargin$2 = "_noMargin_19ok6_413";
+const isInTable$4 = "_isInTable_19ok6_416";
 const styles$R = {
   checkbox,
   noLabel,
@@ -4270,9 +4270,9 @@ function useHover(_temp) {
     return onMouseLeave(null, true);
   }];
 }
-const tooltip = "_tooltip_63bin_333";
-const error$9 = "_error_63bin_347";
-const warning$d = "_warning_63bin_351";
+const tooltip = "_tooltip_1jqh5_335";
+const error$9 = "_error_1jqh5_349";
+const warning$d = "_warning_1jqh5_353";
 const styles$Q = {
   tooltip,
   error: error$9,
@@ -4598,10 +4598,10 @@ CheckBox.propTypes = {
   helpText: propTypes$1.exports.string,
   onClickHelp: propTypes$1.exports.func
 };
-const bordered$3 = "_bordered_m5hme_333";
-const checkboxWrapper = "_checkboxWrapper_m5hme_339";
-const padding$2 = "_padding_m5hme_345";
-const contentWrapper = "_contentWrapper_m5hme_348";
+const bordered$3 = "_bordered_1wn17_335";
+const checkboxWrapper = "_checkboxWrapper_1wn17_341";
+const padding$2 = "_padding_1wn17_347";
+const contentWrapper = "_contentWrapper_1wn17_350";
 const styles$O = {
   bordered: bordered$3,
   checkboxWrapper,
@@ -10836,10 +10836,10 @@ const DeprecatedIcon = ({ icon: icon2 }) => {
       return /* @__PURE__ */ jsxRuntime.exports.jsx(FaRegCircle, {});
   }
 };
-const wrapper$4 = "_wrapper_xr2gg_333";
-const customSvg = "_customSvg_xr2gg_340";
-const customPng = "_customPng_xr2gg_343";
-const clickable = "_clickable_xr2gg_348";
+const wrapper$4 = "_wrapper_124bw_335";
+const customSvg = "_customSvg_124bw_342";
+const customPng = "_customPng_124bw_345";
+const clickable = "_clickable_124bw_350";
 const styles$N = {
   wrapper: wrapper$4,
   customSvg,
@@ -10894,34 +10894,34 @@ Icon.propTypes = {
   clickable: propTypes$1.exports.bool,
   testId: propTypes$1.exports.string
 };
-const wrapper$3 = "_wrapper_b0mju_333";
-const layer$1 = "_layer_b0mju_337";
-const layerContainer$1 = "_layerContainer_b0mju_340";
-const nested = "_nested_b0mju_355";
-const fileInput$1 = "_fileInput_b0mju_367";
-const trigger$2 = "_trigger_b0mju_373";
-const middleAlignedInline = "_middleAlignedInline_b0mju_382";
-const heading$5 = "_heading_b0mju_388";
-const headingIcon = "_headingIcon_b0mju_394";
-const option$1 = "_option_b0mju_406";
-const active$8 = "_active_b0mju_423";
-const selected$1 = "_selected_b0mju_428";
-const optionContent$1 = "_optionContent_b0mju_435";
-const inline$4 = "_inline_b0mju_440";
-const icon$5 = "_icon_b0mju_445";
-const check$1 = "_check_b0mju_446";
-const text$3 = "_text_b0mju_472";
-const label$a = "_label_b0mju_477";
-const description = "_description_b0mju_488";
-const arrow$1 = "_arrow_b0mju_492";
-const divider$1 = "_divider_b0mju_496";
-const deprecatedSemanticIcon = "_deprecatedSemanticIcon_b0mju_500";
-const disabled$9 = "_disabled_b0mju_504";
-const buttonLabel = "_buttonLabel_b0mju_509";
-const buttonCaret = "_buttonCaret_b0mju_516";
-const component = "_component_b0mju_519";
-const right$7 = "_right_b0mju_525";
-const actions$2 = "_actions_b0mju_530";
+const wrapper$3 = "_wrapper_1fg45_335";
+const layer$1 = "_layer_1fg45_339";
+const layerContainer$1 = "_layerContainer_1fg45_342";
+const nested = "_nested_1fg45_357";
+const fileInput$1 = "_fileInput_1fg45_369";
+const trigger$2 = "_trigger_1fg45_375";
+const middleAlignedInline = "_middleAlignedInline_1fg45_384";
+const heading$5 = "_heading_1fg45_390";
+const headingIcon = "_headingIcon_1fg45_396";
+const option$1 = "_option_1fg45_408";
+const active$8 = "_active_1fg45_425";
+const selected$1 = "_selected_1fg45_430";
+const optionContent$1 = "_optionContent_1fg45_437";
+const inline$4 = "_inline_1fg45_442";
+const icon$5 = "_icon_1fg45_447";
+const check$1 = "_check_1fg45_448";
+const text$3 = "_text_1fg45_474";
+const label$a = "_label_1fg45_479";
+const description = "_description_1fg45_490";
+const arrow$1 = "_arrow_1fg45_494";
+const divider$1 = "_divider_1fg45_498";
+const deprecatedSemanticIcon = "_deprecatedSemanticIcon_1fg45_502";
+const disabled$9 = "_disabled_1fg45_506";
+const buttonLabel = "_buttonLabel_1fg45_511";
+const buttonCaret = "_buttonCaret_1fg45_518";
+const component = "_component_1fg45_521";
+const right$7 = "_right_1fg45_527";
+const actions$2 = "_actions_1fg45_532";
 const styles$M = {
   wrapper: wrapper$3,
   layer: layer$1,
@@ -11172,14 +11172,14 @@ const placementOptions$1 = (placement, isNested = false) => ({
   preferY: "bottom",
   placement: placement || (isNested ? "right-start" : "bottom-start")
 });
-const wrapper$2 = "_wrapper_1n3f1_333";
-const badge = "_badge_1n3f1_337";
-const label$9 = "_label_1n3f1_342";
-const dark$1 = "_dark_1n3f1_354";
-const light = "_light_1n3f1_357";
-const small$d = "_small_1n3f1_360";
-const dot = "_dot_1n3f1_366";
-const hasChildren = "_hasChildren_1n3f1_371";
+const wrapper$2 = "_wrapper_kb8eo_335";
+const badge = "_badge_kb8eo_339";
+const label$9 = "_label_kb8eo_344";
+const dark$1 = "_dark_kb8eo_356";
+const light = "_light_kb8eo_359";
+const small$d = "_small_kb8eo_362";
+const dot = "_dot_kb8eo_368";
+const hasChildren = "_hasChildren_kb8eo_373";
 const styles$L = {
   wrapper: wrapper$2,
   badge,
@@ -11235,32 +11235,32 @@ Badge.propTypes = {
   margin: propTypes$1.exports.string,
   small: propTypes$1.exports.bool
 };
-const inputInTable$b = "_inputInTable_mz376_333";
-const inputHover$b = "_inputHover_mz376_339";
-const inputFocus$b = "_inputFocus_mz376_344";
-const inputError$b = "_inputError_mz376_351";
-const inputWarning$b = "_inputWarning_mz376_352";
-const inputDisabled$b = "_inputDisabled_mz376_387";
-const hideScrollbars$b = "_hideScrollbars_mz376_392";
-const button$3 = "_button_mz376_436";
-const active$7 = "_active_mz376_473";
-const green$1 = "_green_mz376_473";
-const red$1 = "_red_mz376_473";
-const orange$1 = "_orange_mz376_473";
-const icon$4 = "_icon_mz376_485";
-const iconOnly = "_iconOnly_mz376_492";
-const basic = "_basic_mz376_502";
-const muted$2 = "_muted_mz376_508";
-const disabled$8 = "_disabled_mz376_521";
-const small$c = "_small_mz376_531";
-const pill = "_pill_mz376_536";
-const round = "_round_mz376_537";
-const error$8 = "_error_mz376_614";
-const warning$c = "_warning_mz376_631";
-const inverted$1 = "_inverted_mz376_648";
-const groupOrderFirst$4 = "_groupOrderFirst_mz376_682";
-const groupOrderMiddle$4 = "_groupOrderMiddle_mz376_683";
-const groupOrderLast$4 = "_groupOrderLast_mz376_684";
+const inputInTable$b = "_inputInTable_1qpdm_335";
+const inputHover$b = "_inputHover_1qpdm_341";
+const inputFocus$b = "_inputFocus_1qpdm_346";
+const inputError$b = "_inputError_1qpdm_353";
+const inputWarning$b = "_inputWarning_1qpdm_354";
+const inputDisabled$b = "_inputDisabled_1qpdm_389";
+const hideScrollbars$b = "_hideScrollbars_1qpdm_394";
+const button$3 = "_button_1qpdm_438";
+const active$7 = "_active_1qpdm_475";
+const green$1 = "_green_1qpdm_475";
+const red$1 = "_red_1qpdm_475";
+const orange$1 = "_orange_1qpdm_475";
+const icon$4 = "_icon_1qpdm_487";
+const iconOnly = "_iconOnly_1qpdm_494";
+const basic = "_basic_1qpdm_504";
+const muted$2 = "_muted_1qpdm_510";
+const disabled$8 = "_disabled_1qpdm_523";
+const small$c = "_small_1qpdm_533";
+const pill = "_pill_1qpdm_538";
+const round = "_round_1qpdm_539";
+const error$8 = "_error_1qpdm_616";
+const warning$c = "_warning_1qpdm_633";
+const inverted$1 = "_inverted_1qpdm_650";
+const groupOrderFirst$4 = "_groupOrderFirst_1qpdm_684";
+const groupOrderMiddle$4 = "_groupOrderMiddle_1qpdm_685";
+const groupOrderLast$4 = "_groupOrderLast_1qpdm_686";
 const buttonStyles = {
   inputInTable: inputInTable$b,
   inputHover: inputHover$b,
@@ -11289,11 +11289,11 @@ const buttonStyles = {
   groupOrderMiddle: groupOrderMiddle$4,
   groupOrderLast: groupOrderLast$4
 };
-const spinner = "_spinner_uudvl_333";
-const small$b = "_small_uudvl_339";
-const tiny = "_tiny_uudvl_343";
-const colored$1 = "_colored_uudvl_370";
-const dark = "_dark_uudvl_382";
+const spinner = "_spinner_np4br_335";
+const small$b = "_small_np4br_341";
+const tiny = "_tiny_np4br_345";
+const colored$1 = "_colored_np4br_372";
+const dark = "_dark_np4br_384";
 const styles$K = {
   spinner,
   small: small$b,
@@ -11973,9 +11973,9 @@ Menu.propTypes = {
   open: propTypes$1.exports.bool,
   setOpen: propTypes$1.exports.func
 };
-const actions$1 = "_actions_tdvpn_333";
-const actionComponentContainer = "_actionComponentContainer_tdvpn_343";
-const active$6 = "_active_tdvpn_365";
+const actions$1 = "_actions_13yvz_335";
+const actionComponentContainer = "_actionComponentContainer_13yvz_345";
+const active$6 = "_active_13yvz_367";
 const styles$J = {
   actions: actions$1,
   actionComponentContainer,
@@ -12077,12 +12077,12 @@ Actions.propTypes = {
   actions: actionsShape,
   right: propTypes$1.exports.bool
 };
-const breadcrumb = "_breadcrumb_16235_333";
-const small$a = "_small_16235_336";
-const labelContainer = "_labelContainer_16235_339";
-const active$5 = "_active_16235_349";
-const disabled$7 = "_disabled_16235_354";
-const separator = "_separator_16235_359";
+const breadcrumb = "_breadcrumb_knud2_335";
+const small$a = "_small_knud2_338";
+const labelContainer = "_labelContainer_knud2_341";
+const active$5 = "_active_knud2_351";
+const disabled$7 = "_disabled_knud2_356";
+const separator = "_separator_knud2_361";
 const styles$I = {
   breadcrumb,
   small: small$a,
@@ -12158,8 +12158,8 @@ Breadcrumb.propTypes = {
   ).isRequired,
   small: propTypes$1.exports.bool
 };
-const label$8 = "_label_1er6p_333";
-const buttonGroup = "_buttonGroup_1er6p_343";
+const label$8 = "_label_8gfar_335";
+const buttonGroup = "_buttonGroup_8gfar_345";
 const styles$H = {
   label: label$8,
   buttonGroup
@@ -12270,13 +12270,13 @@ ButtonGroup.propTypes = {
   value: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   testId: propTypes$1.exports.string
 };
-const card = "_card_7fusw_333";
-const bordered$2 = "_bordered_7fusw_336";
-const raised = "_raised_7fusw_342";
-const cardHeader = "_cardHeader_7fusw_345";
-const cardContentBorderTop = "_cardContentBorderTop_7fusw_351";
-const padding$1 = "_padding_7fusw_354";
-const cardContent = "_cardContent_7fusw_351";
+const card = "_card_l0li5_335";
+const bordered$2 = "_bordered_l0li5_338";
+const raised = "_raised_l0li5_344";
+const cardHeader = "_cardHeader_l0li5_347";
+const cardContentBorderTop = "_cardContentBorderTop_l0li5_353";
+const padding$1 = "_padding_l0li5_356";
+const cardContent = "_cardContent_l0li5_353";
 const styles$G = {
   card,
   bordered: bordered$2,
@@ -13605,23 +13605,23 @@ Column.propTypes = {
   widthTablet: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   testId: propTypes$1.exports.string
 };
-const divider = "_divider_1oxk8_333";
-const alignLeft = "_alignLeft_1oxk8_344";
-const alignRight = "_alignRight_1oxk8_347";
+const divider = "_divider_1p2ba_335";
+const alignLeft = "_alignLeft_1p2ba_346";
+const alignRight = "_alignRight_1p2ba_349";
 const styles$F = {
   divider,
   alignLeft,
   alignRight
 };
-const bold$1 = "_bold_1fzyl_333";
-const center = "_center_1fzyl_336";
-const muted$1 = "_muted_1fzyl_339";
-const faint = "_faint_1fzyl_342";
-const success$1 = "_success_1fzyl_345";
-const warning$b = "_warning_1fzyl_348";
-const error$7 = "_error_1fzyl_351";
-const small$9 = "_small_1fzyl_354";
-const link$1 = "_link_1fzyl_357";
+const bold$1 = "_bold_1d8ug_335";
+const center = "_center_1d8ug_338";
+const muted$1 = "_muted_1d8ug_341";
+const faint = "_faint_1d8ug_344";
+const success$1 = "_success_1d8ug_347";
+const warning$b = "_warning_1d8ug_350";
+const error$7 = "_error_1d8ug_353";
+const small$9 = "_small_1d8ug_356";
+const link$1 = "_link_1d8ug_359";
 const styles$E = {
   bold: bold$1,
   center,
@@ -13719,9 +13719,9 @@ Divider.propTypes = {
   color: propTypes$1.exports.string,
   align: propTypes$1.exports.string
 };
-const heading$4 = "_heading_1gsqp_333";
-const top$1 = "_top_1gsqp_341";
-const icons$2 = "_icons_1gsqp_353";
+const heading$4 = "_heading_1hmcc_335";
+const top$1 = "_top_1hmcc_343";
+const icons$2 = "_icons_1hmcc_355";
 const styles$D = {
   heading: heading$4,
   top: top$1,
@@ -13898,30 +13898,30 @@ const dialogShape = propTypes$1.exports.shape({
 Dialog.propTypes = {
   dialog: dialogShape.isRequired
 };
-const inputInTable$a = "_inputInTable_psucq_333";
-const inputHover$a = "_inputHover_psucq_339";
-const inputFocus$a = "_inputFocus_psucq_344";
-const inputError$a = "_inputError_psucq_351";
-const inputWarning$a = "_inputWarning_psucq_352";
-const inputDisabled$a = "_inputDisabled_psucq_387";
-const hideScrollbars$a = "_hideScrollbars_psucq_392";
-const inline$2 = "_inline_psucq_414";
-const left$2 = "_left_psucq_417";
-const right$6 = "_right_psucq_420";
-const fixed$1 = "_fixed_psucq_423";
-const border$1 = "_border_psucq_435";
-const shadow = "_shadow_psucq_441";
-const drawerContent = "_drawerContent_psucq_444";
-const isResizing = "_isResizing_psucq_456";
-const toggleButton = "_toggleButton_psucq_467";
-const top = "_top_psucq_480";
-const bottom = "_bottom_psucq_483";
-const toggleButtonOpen = "_toggleButtonOpen_psucq_486";
-const tabs$1 = "_tabs_psucq_489";
-const tab$1 = "_tab_psucq_489";
-const active$4 = "_active_psucq_520";
-const tabsContent = "_tabsContent_psucq_542";
-const resizeHandle = "_resizeHandle_psucq_548";
+const inputInTable$a = "_inputInTable_ld7vb_335";
+const inputHover$a = "_inputHover_ld7vb_341";
+const inputFocus$a = "_inputFocus_ld7vb_346";
+const inputError$a = "_inputError_ld7vb_353";
+const inputWarning$a = "_inputWarning_ld7vb_354";
+const inputDisabled$a = "_inputDisabled_ld7vb_389";
+const hideScrollbars$a = "_hideScrollbars_ld7vb_394";
+const inline$2 = "_inline_ld7vb_416";
+const left$2 = "_left_ld7vb_419";
+const right$6 = "_right_ld7vb_422";
+const fixed$1 = "_fixed_ld7vb_425";
+const border$1 = "_border_ld7vb_437";
+const shadow = "_shadow_ld7vb_443";
+const drawerContent = "_drawerContent_ld7vb_446";
+const isResizing = "_isResizing_ld7vb_458";
+const toggleButton = "_toggleButton_ld7vb_469";
+const top = "_top_ld7vb_482";
+const bottom = "_bottom_ld7vb_485";
+const toggleButtonOpen = "_toggleButtonOpen_ld7vb_488";
+const tabs$1 = "_tabs_ld7vb_491";
+const tab$1 = "_tab_ld7vb_491";
+const active$4 = "_active_ld7vb_522";
+const tabsContent = "_tabsContent_ld7vb_544";
+const resizeHandle = "_resizeHandle_ld7vb_550";
 const styles$B = {
   inputInTable: inputInTable$a,
   inputHover: inputHover$a,
@@ -16121,7 +16121,8 @@ const Drawer = ({
   setActiveTab: setActiveTabProp,
   testId,
   onResize,
-  getActiveTab
+  getActiveTab,
+  onClose
 }) => {
   const isStandardButton = button2 === true;
   const isCustomButton = !isStandardButton && isValidElement(button2);
@@ -16132,6 +16133,7 @@ const Drawer = ({
   const handleTabClick = (index2) => {
     if (activeTab === index2 && open) {
       setOpen(false);
+      onClose(index2);
     } else if (!open) {
       setOpen(true);
       if (onResize && width < MIN_OPEN_WIDTH) {
@@ -16210,7 +16212,8 @@ Drawer.defaultProps = {
   setActiveTab: void 0,
   testId: void 0,
   onResize: null,
-  getActiveTab: null
+  getActiveTab: null,
+  onClose: null
 };
 Drawer.propTypes = {
   background: propTypes$1.exports.string,
@@ -16245,10 +16248,11 @@ Drawer.propTypes = {
   activeTab: propTypes$1.exports.number,
   setActiveTab: propTypes$1.exports.func,
   onResize: propTypes$1.exports.func,
-  getActiveTab: propTypes$1.exports.func
+  getActiveTab: propTypes$1.exports.func,
+  onClose: propTypes$1.exports.func
 };
-const empty$2 = "_empty_u9jd9_333";
-const text$2 = "_text_u9jd9_343";
+const empty$2 = "_empty_1pswm_335";
+const text$2 = "_text_1pswm_345";
 const styles$A = {
   empty: empty$2,
   text: text$2
@@ -16315,7 +16319,7 @@ Empty.propTypes = {
   text: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.node]),
   children: propTypes$1.exports.node
 };
-const inputGroup = "_inputGroup_3duv1_333";
+const inputGroup = "_inputGroup_tc6qm_335";
 const styles$z = {
   inputGroup
 };
@@ -16351,22 +16355,22 @@ InputGroup.propTypes = {
   small: propTypes$1.exports.bool,
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number])
 };
-const inputInTable$9 = "_inputInTable_powy5_333";
-const inputHover$9 = "_inputHover_powy5_339";
-const inputFocus$9 = "_inputFocus_powy5_344";
-const inputError$9 = "_inputError_powy5_351";
-const inputWarning$9 = "_inputWarning_powy5_352";
-const inputDisabled$9 = "_inputDisabled_powy5_387";
-const hideScrollbars$9 = "_hideScrollbars_powy5_392";
-const input$1 = "_input_powy5_333";
-const isInTable$3 = "_isInTable_powy5_423";
-const small$8 = "_small_powy5_441";
-const error$6 = "_error_powy5_447";
-const warning$a = "_warning_powy5_464";
-const right$5 = "_right_powy5_486";
-const groupOrderFirst$3 = "_groupOrderFirst_powy5_489";
-const groupOrderMiddle$3 = "_groupOrderMiddle_powy5_490";
-const groupOrderLast$3 = "_groupOrderLast_powy5_491";
+const inputInTable$9 = "_inputInTable_1dznv_335";
+const inputHover$9 = "_inputHover_1dznv_341";
+const inputFocus$9 = "_inputFocus_1dznv_346";
+const inputError$9 = "_inputError_1dznv_353";
+const inputWarning$9 = "_inputWarning_1dznv_354";
+const inputDisabled$9 = "_inputDisabled_1dznv_389";
+const hideScrollbars$9 = "_hideScrollbars_1dznv_394";
+const input$1 = "_input_1dznv_335";
+const isInTable$3 = "_isInTable_1dznv_425";
+const small$8 = "_small_1dznv_443";
+const error$6 = "_error_1dznv_449";
+const warning$a = "_warning_1dznv_466";
+const right$5 = "_right_1dznv_488";
+const groupOrderFirst$3 = "_groupOrderFirst_1dznv_491";
+const groupOrderMiddle$3 = "_groupOrderMiddle_1dznv_492";
+const groupOrderLast$3 = "_groupOrderLast_1dznv_493";
 const styles$y = {
   inputInTable: inputInTable$9,
   inputHover: inputHover$9,
@@ -16632,9 +16636,9 @@ function HiLockClosed(props) {
 function HiLockOpen(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 20 20", "fill": "currentColor", "aria-hidden": "true" }, "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_8383j_333";
-const labelLeft$1 = "_labelLeft_8383j_337";
-const icons$1 = "_icons_8383j_345";
+const label$7 = "_label_l31y6_335";
+const labelLeft$1 = "_labelLeft_l31y6_339";
+const icons$1 = "_icons_l31y6_347";
 const styles$w = {
   label: label$7,
   labelLeft: labelLeft$1,
@@ -16733,17 +16737,17 @@ Label$2.propTypes = {
   }),
   labelLeft: propTypes$1.exports.bool
 };
-const field = "_field_1qb40_333";
-const labelLeft = "_labelLeft_1qb40_337";
-const fieldInput = "_fieldInput_1qb40_341";
-const formRow$1 = "_formRow_1qb40_344";
-const button$2 = "_button_1qb40_354";
+const field = "_field_1kief_335";
+const labelLeft = "_labelLeft_1kief_339";
+const fieldInput = "_fieldInput_1kief_343";
+const formRow$1 = "_formRow_1kief_346";
+const button$2 = "_button_1kief_356";
 const styles$v = {
   field,
   labelLeft,
   fieldInput,
   formRow: formRow$1,
-  "form-row": "_form-row_1qb40_345",
+  "form-row": "_form-row_1kief_347",
   button: button$2
 };
 const Field = ({
@@ -16874,7 +16878,7 @@ Flex.propTypes = {
     propTypes$1.exports.number
   ])
 };
-const formRow = "_formRow_kvqrx_333";
+const formRow = "_formRow_x6f1o_335";
 const styles$u = {
   formRow
 };
@@ -16946,11 +16950,11 @@ Grid.propTypes = {
   height: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   children: propTypes$1.exports.node
 };
-const addon = "_addon_1bytr_333";
-const small$7 = "_small_1bytr_344";
-const groupOrderFirst$2 = "_groupOrderFirst_1bytr_348";
-const groupOrderMiddle$2 = "_groupOrderMiddle_1bytr_349";
-const groupOrderLast$2 = "_groupOrderLast_1bytr_353";
+const addon = "_addon_1i07p_335";
+const small$7 = "_small_1i07p_346";
+const groupOrderFirst$2 = "_groupOrderFirst_1i07p_350";
+const groupOrderMiddle$2 = "_groupOrderMiddle_1i07p_351";
+const groupOrderLast$2 = "_groupOrderLast_1i07p_355";
 const styles$t = {
   addon,
   small: small$7,
@@ -25893,42 +25897,42 @@ var InfiniteScroll = function(_super) {
   };
   return InfiniteScroll2;
 }(Component$1);
-const inputInTable$8 = "_inputInTable_3suk5_333";
-const inputHover$8 = "_inputHover_3suk5_339";
-const inputFocus$8 = "_inputFocus_3suk5_344";
-const inputError$8 = "_inputError_3suk5_351";
-const inputWarning$8 = "_inputWarning_3suk5_352";
-const inputDisabled$8 = "_inputDisabled_3suk5_387";
-const hideScrollbars$8 = "_hideScrollbars_3suk5_392";
-const header$1 = "_header_3suk5_402";
-const headerTitle = "_headerTitle_3suk5_402";
-const heading$3 = "_heading_3suk5_403";
-const itemHeader = "_itemHeader_3suk5_403";
-const narrow = "_narrow_3suk5_406";
-const stickyHeader = "_stickyHeader_3suk5_410";
-const title$4 = "_title_3suk5_421";
-const name = "_name_3suk5_427";
-const iconTooltipMargin = "_iconTooltipMargin_3suk5_430";
-const bold = "_bold_3suk5_433";
-const toggleNarrow = "_toggleNarrow_3suk5_442";
-const drag$1 = "_drag_3suk5_460";
-const list$1 = "_list_3suk5_480";
-const bordered$1 = "_bordered_3suk5_484";
-const item$4 = "_item_3suk5_403";
-const action = "_action_3suk5_517";
-const active$3 = "_active_3suk5_520";
-const disabled$6 = "_disabled_3suk5_535";
-const label$6 = "_label_3suk5_546";
-const details$2 = "_details_3suk5_553";
-const metadata = "_metadata_3suk5_554";
-const itemContent = "_itemContent_3suk5_563";
-const indentIcon = "_indentIcon_3suk5_567";
-const expandIcon = "_expandIcon_3suk5_571";
-const expanded = "_expanded_3suk5_577";
-const right$4 = "_right_3suk5_580";
-const actions = "_actions_3suk5_587";
-const scrollableList = "_scrollableList_3suk5_592";
-const hideScrollbar = "_hideScrollbar_3suk5_392";
+const inputInTable$8 = "_inputInTable_1an43_335";
+const inputHover$8 = "_inputHover_1an43_341";
+const inputFocus$8 = "_inputFocus_1an43_346";
+const inputError$8 = "_inputError_1an43_353";
+const inputWarning$8 = "_inputWarning_1an43_354";
+const inputDisabled$8 = "_inputDisabled_1an43_389";
+const hideScrollbars$8 = "_hideScrollbars_1an43_394";
+const header$1 = "_header_1an43_404";
+const headerTitle = "_headerTitle_1an43_404";
+const heading$3 = "_heading_1an43_405";
+const itemHeader = "_itemHeader_1an43_405";
+const narrow = "_narrow_1an43_408";
+const stickyHeader = "_stickyHeader_1an43_412";
+const title$4 = "_title_1an43_423";
+const name = "_name_1an43_429";
+const iconTooltipMargin = "_iconTooltipMargin_1an43_432";
+const bold = "_bold_1an43_435";
+const toggleNarrow = "_toggleNarrow_1an43_444";
+const drag$1 = "_drag_1an43_462";
+const list$1 = "_list_1an43_482";
+const bordered$1 = "_bordered_1an43_486";
+const item$4 = "_item_1an43_405";
+const action = "_action_1an43_519";
+const active$3 = "_active_1an43_522";
+const disabled$6 = "_disabled_1an43_537";
+const label$6 = "_label_1an43_548";
+const details$2 = "_details_1an43_555";
+const metadata = "_metadata_1an43_556";
+const itemContent = "_itemContent_1an43_565";
+const indentIcon = "_indentIcon_1an43_572";
+const expandIcon = "_expandIcon_1an43_576";
+const expanded = "_expanded_1an43_582";
+const right$4 = "_right_1an43_585";
+const actions = "_actions_1an43_592";
+const scrollableList = "_scrollableList_1an43_597";
+const hideScrollbar = "_hideScrollbar_1an43_394";
 const listStyles = {
   inputInTable: inputInTable$8,
   inputHover: inputHover$8,
@@ -26542,13 +26546,13 @@ List.propTypes = {
   }),
   testId: propTypes$1.exports.string
 };
-const loader = "_loader_6bhnh_333";
-const fullViewPortSize = "_fullViewPortSize_6bhnh_339";
-const cover = "_cover_6bhnh_346";
-const dimmer = "_dimmer_6bhnh_353";
-const content$2 = "_content_6bhnh_376";
-const text$1 = "_text_6bhnh_381";
-const details$1 = "_details_6bhnh_385";
+const loader = "_loader_1ki7r_335";
+const fullViewPortSize = "_fullViewPortSize_1ki7r_341";
+const cover = "_cover_1ki7r_348";
+const dimmer = "_dimmer_1ki7r_355";
+const content$2 = "_content_1ki7r_378";
+const text$1 = "_text_1ki7r_383";
+const details$1 = "_details_1ki7r_387";
 const styles$s = {
   loader,
   fullViewPortSize,
@@ -26622,27 +26626,27 @@ Loader.propTypes = {
   testId: propTypes$1.exports.string,
   theme: propTypes$1.exports.string
 };
-const inputInTable$7 = "_inputInTable_1jec4_333";
-const inputHover$7 = "_inputHover_1jec4_339";
-const inputFocus$7 = "_inputFocus_1jec4_344";
-const inputError$7 = "_inputError_1jec4_351";
-const inputWarning$7 = "_inputWarning_1jec4_352";
-const inputDisabled$7 = "_inputDisabled_1jec4_387";
-const hideScrollbars$7 = "_hideScrollbars_1jec4_392";
-const container$1 = "_container_1jec4_408";
-const block$1 = "_block_1jec4_426";
-const info = "_info_1jec4_429";
-const success = "_success_1jec4_433";
-const warning$6 = "_warning_1jec4_437";
-const error$4 = "_error_1jec4_441";
-const content$1 = "_content_1jec4_445";
-const heading$2 = "_heading_1jec4_449";
-const icon$3 = "_icon_1jec4_457";
-const dismiss$1 = "_dismiss_1jec4_458";
-const absolute = "_absolute_1jec4_471";
-const legendToggle = "_legendToggle_1jec4_476";
-const detailsText = "_detailsText_1jec4_492";
-const footer$2 = "_footer_1jec4_496";
+const inputInTable$7 = "_inputInTable_jryqb_335";
+const inputHover$7 = "_inputHover_jryqb_341";
+const inputFocus$7 = "_inputFocus_jryqb_346";
+const inputError$7 = "_inputError_jryqb_353";
+const inputWarning$7 = "_inputWarning_jryqb_354";
+const inputDisabled$7 = "_inputDisabled_jryqb_389";
+const hideScrollbars$7 = "_hideScrollbars_jryqb_394";
+const container$1 = "_container_jryqb_410";
+const block$1 = "_block_jryqb_428";
+const info = "_info_jryqb_431";
+const success = "_success_jryqb_435";
+const warning$6 = "_warning_jryqb_439";
+const error$4 = "_error_jryqb_443";
+const content$1 = "_content_jryqb_447";
+const heading$2 = "_heading_jryqb_451";
+const icon$3 = "_icon_jryqb_459";
+const dismiss$1 = "_dismiss_jryqb_460";
+const absolute = "_absolute_jryqb_473";
+const legendToggle = "_legendToggle_jryqb_478";
+const detailsText = "_detailsText_jryqb_494";
+const footer$2 = "_footer_jryqb_498";
 const styles$r = {
   inputInTable: inputInTable$7,
   inputHover: inputHover$7,
@@ -26826,10 +26830,10 @@ const Portal = ({ id: id2, children }) => {
 Portal.propTypes = {
   id: propTypes$1.exports.string.isRequired
 };
-const wrapper$1 = "_wrapper_1d6pq_333";
-const contentContainer = "_contentContainer_1d6pq_347";
-const centered = "_centered_1d6pq_359";
-const newLine = "_newLine_1d6pq_363";
+const wrapper$1 = "_wrapper_1516y_335";
+const contentContainer = "_contentContainer_1516y_349";
+const centered = "_centered_1516y_361";
+const newLine = "_newLine_1516y_365";
 const styles$q = {
   wrapper: wrapper$1,
   contentContainer,
@@ -26877,10 +26881,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_1h557_333";
-const header = "_header_1h557_344";
-const item$3 = "_item_1h557_360";
-const heading$1 = "_heading_1h557_365";
+const menu$1 = "_menu_1mbhi_335";
+const header = "_header_1mbhi_346";
+const item$3 = "_item_1mbhi_362";
+const heading$1 = "_heading_1mbhi_367";
 const styles$p = {
   menu: menu$1,
   header,
@@ -27022,8 +27026,8 @@ OptionDropdown.propTypes = {
   showHeader: propTypes$1.exports.bool,
   maxHeight: propTypes$1.exports.string
 };
-const page = "_page_1hv80_333";
-const scroll2 = "_scroll_1hv80_355";
+const page = "_page_1496n_335";
+const scroll2 = "_scroll_1496n_357";
 const styles$o = {
   page,
   scroll: scroll2
@@ -27054,23 +27058,23 @@ Page.propTypes = {
   scroll: propTypes$1.exports.bool,
   top: propTypes$1.exports.oneOfType([propTypes$1.exports.number, propTypes$1.exports.string])
 };
-const inputInTable$6 = "_inputInTable_v6efs_333";
-const inputHover$6 = "_inputHover_v6efs_339";
-const inputFocus$6 = "_inputFocus_v6efs_344";
-const inputError$6 = "_inputError_v6efs_351";
-const inputWarning$6 = "_inputWarning_v6efs_352";
-const inputDisabled$6 = "_inputDisabled_v6efs_387";
-const hideScrollbars$6 = "_hideScrollbars_v6efs_392";
-const select = "_select_v6efs_402";
-const isInTable$2 = "_isInTable_v6efs_443";
-const unSelected = "_unSelected_v6efs_449";
-const error$3 = "_error_v6efs_456";
-const warning$5 = "_warning_v6efs_473";
-const small$6 = "_small_v6efs_490";
-const right$3 = "_right_v6efs_497";
-const groupOrderFirst$1 = "_groupOrderFirst_v6efs_508";
-const groupOrderMiddle$1 = "_groupOrderMiddle_v6efs_509";
-const groupOrderLast$1 = "_groupOrderLast_v6efs_513";
+const inputInTable$6 = "_inputInTable_1hqkf_335";
+const inputHover$6 = "_inputHover_1hqkf_341";
+const inputFocus$6 = "_inputFocus_1hqkf_346";
+const inputError$6 = "_inputError_1hqkf_353";
+const inputWarning$6 = "_inputWarning_1hqkf_354";
+const inputDisabled$6 = "_inputDisabled_1hqkf_389";
+const hideScrollbars$6 = "_hideScrollbars_1hqkf_394";
+const select = "_select_1hqkf_404";
+const isInTable$2 = "_isInTable_1hqkf_445";
+const unSelected = "_unSelected_1hqkf_451";
+const error$3 = "_error_1hqkf_458";
+const warning$5 = "_warning_1hqkf_475";
+const small$6 = "_small_1hqkf_492";
+const right$3 = "_right_1hqkf_499";
+const groupOrderFirst$1 = "_groupOrderFirst_1hqkf_510";
+const groupOrderMiddle$1 = "_groupOrderMiddle_1hqkf_511";
+const groupOrderLast$1 = "_groupOrderLast_1hqkf_515";
 const styles$n = {
   inputInTable: inputInTable$6,
   inputHover: inputHover$6,
@@ -28023,20 +28027,20 @@ var FixedSizeList = /* @__PURE__ */ createListComponent({
     }
   }
 });
-const layerContainer = "_layerContainer_18lrn_333";
-const layer = "_layer_18lrn_333";
-const small$5 = "_small_18lrn_355";
-const heading = "_heading_18lrn_358";
-const option = "_option_18lrn_359";
-const message = "_message_18lrn_360";
-const focused = "_focused_18lrn_394";
-const selected = "_selected_18lrn_398";
-const disabled$5 = "_disabled_18lrn_405";
-const check = "_check_18lrn_409";
-const optionContent = "_optionContent_18lrn_423";
-const label$5 = "_label_18lrn_428";
-const icon$2 = "_icon_18lrn_435";
-const details = "_details_18lrn_439";
+const layerContainer = "_layerContainer_1icy9_335";
+const layer = "_layer_1icy9_335";
+const small$5 = "_small_1icy9_357";
+const heading = "_heading_1icy9_360";
+const option = "_option_1icy9_361";
+const message = "_message_1icy9_362";
+const focused = "_focused_1icy9_396";
+const selected = "_selected_1icy9_400";
+const disabled$5 = "_disabled_1icy9_407";
+const check = "_check_1icy9_411";
+const optionContent = "_optionContent_1icy9_425";
+const label$5 = "_label_1icy9_430";
+const icon$2 = "_icon_1icy9_437";
+const details = "_details_1icy9_441";
 const styles$m = {
   layerContainer,
   layer,
@@ -28201,37 +28205,37 @@ const Layer = ({
     })
   });
 };
-const inputInTable$5 = "_inputInTable_7319y_333";
-const inputHover$5 = "_inputHover_7319y_339";
-const inputFocus$5 = "_inputFocus_7319y_344";
-const inputError$5 = "_inputError_7319y_351";
-const inputWarning$5 = "_inputWarning_7319y_352";
-const inputDisabled$5 = "_inputDisabled_7319y_387";
-const hideScrollbars$5 = "_hideScrollbars_7319y_392";
-const trigger$1 = "_trigger_7319y_406";
-const isInTable$1 = "_isInTable_7319y_421";
-const input = "_input_7319y_333";
-const isOpen = "_isOpen_7319y_436";
-const error$2 = "_error_7319y_444";
-const warning$4 = "_warning_7319y_461";
-const disabled$4 = "_disabled_7319y_478";
-const iconOpen = "_iconOpen_7319y_483";
-const icons = "_icons_7319y_486";
-const clearAll = "_clearAll_7319y_494";
-const small$4 = "_small_7319y_503";
-const focus = "_focus_7319y_512";
-const triggerInputContainer = "_triggerInputContainer_7319y_526";
-const right$2 = "_right_7319y_535";
-const multiOptions = "_multiOptions_7319y_548";
-const multiOption = "_multiOption_7319y_548";
-const label$4 = "_label_7319y_580";
-const closeMultiOption = "_closeMultiOption_7319y_583";
-const selectedSingleValue = "_selectedSingleValue_7319y_598";
-const placeHolder = "_placeHolder_7319y_599";
-const groupOrderFirst = "_groupOrderFirst_7319y_638";
-const groupOrderMiddle = "_groupOrderMiddle_7319y_639";
-const groupOrderLast = "_groupOrderLast_7319y_643";
-const detailedLabel = "_detailedLabel_7319y_648";
+const inputInTable$5 = "_inputInTable_1lv2t_335";
+const inputHover$5 = "_inputHover_1lv2t_341";
+const inputFocus$5 = "_inputFocus_1lv2t_346";
+const inputError$5 = "_inputError_1lv2t_353";
+const inputWarning$5 = "_inputWarning_1lv2t_354";
+const inputDisabled$5 = "_inputDisabled_1lv2t_389";
+const hideScrollbars$5 = "_hideScrollbars_1lv2t_394";
+const trigger$1 = "_trigger_1lv2t_408";
+const isInTable$1 = "_isInTable_1lv2t_423";
+const input = "_input_1lv2t_335";
+const isOpen = "_isOpen_1lv2t_438";
+const error$2 = "_error_1lv2t_446";
+const warning$4 = "_warning_1lv2t_463";
+const disabled$4 = "_disabled_1lv2t_480";
+const iconOpen = "_iconOpen_1lv2t_485";
+const icons = "_icons_1lv2t_488";
+const clearAll = "_clearAll_1lv2t_496";
+const small$4 = "_small_1lv2t_505";
+const focus = "_focus_1lv2t_514";
+const triggerInputContainer = "_triggerInputContainer_1lv2t_528";
+const right$2 = "_right_1lv2t_537";
+const multiOptions = "_multiOptions_1lv2t_550";
+const multiOption = "_multiOption_1lv2t_550";
+const label$4 = "_label_1lv2t_582";
+const closeMultiOption = "_closeMultiOption_1lv2t_585";
+const selectedSingleValue = "_selectedSingleValue_1lv2t_600";
+const placeHolder = "_placeHolder_1lv2t_601";
+const groupOrderFirst = "_groupOrderFirst_1lv2t_640";
+const groupOrderMiddle = "_groupOrderMiddle_1lv2t_641";
+const groupOrderLast = "_groupOrderLast_1lv2t_645";
+const detailedLabel = "_detailedLabel_1lv2t_650";
 const styles$l = {
   inputInTable: inputInTable$5,
   inputHover: inputHover$5,
@@ -28462,7 +28466,7 @@ const Trigger = ({
           children: selectedOptions.label
         }),
         /* @__PURE__ */ jsxRuntime.exports.jsx(Text, {
-          faint: true,
+          muted: true,
           children: selectedOptions.details
         })
       ]
@@ -29479,9 +29483,9 @@ const paginationShape = propTypes$1.exports.shape({
 Pagination.propTypes = {
   pagination: paginationShape.isRequired
 };
-const toggleBox = "_toggleBox_10xuw_333";
-const fullWidthStyleFix = "_fullWidthStyleFix_10xuw_340";
-const dismiss = "_dismiss_10xuw_345";
+const toggleBox = "_toggleBox_1lvnc_335";
+const fullWidthStyleFix = "_fullWidthStyleFix_1lvnc_342";
+const dismiss = "_dismiss_1lvnc_347";
 const styles$j = {
   toggleBox,
   fullWidthStyleFix,
@@ -29681,14 +29685,14 @@ ProgressBar$1.propTypes = {
   showProgressColors: propTypes$1.exports.bool,
   noLabel: propTypes$1.exports.bool
 };
-const wrapper = "_wrapper_7ev01_333";
-const inline$1 = "_inline_7ev01_333";
-const radio = "_radio_7ev01_337";
-const labelMargin = "_labelMargin_7ev01_340";
-const small$3 = "_small_7ev01_358";
-const noMargin$1 = "_noMargin_7ev01_362";
-const disabled$3 = "_disabled_7ev01_421";
-const isInTable = "_isInTable_7ev01_437";
+const wrapper = "_wrapper_1ss3z_335";
+const inline$1 = "_inline_1ss3z_335";
+const radio = "_radio_1ss3z_339";
+const labelMargin = "_labelMargin_1ss3z_342";
+const small$3 = "_small_1ss3z_360";
+const noMargin$1 = "_noMargin_1ss3z_364";
+const disabled$3 = "_disabled_1ss3z_423";
+const isInTable = "_isInTable_1ss3z_439";
 const styles$g = {
   wrapper,
   inline: inline$1,
@@ -56402,14 +56406,14 @@ RichTextToolbar.propTypes = {
   disabled: propTypes$1.exports.bool,
   toolbarComponent: propTypes$1.exports.node
 };
-const inputInTable$4 = "_inputInTable_12bel_333";
-const inputHover$4 = "_inputHover_12bel_339";
-const inputFocus$4 = "_inputFocus_12bel_344";
-const inputError$4 = "_inputError_12bel_351";
-const inputWarning$4 = "_inputWarning_12bel_352";
-const inputDisabled$4 = "_inputDisabled_12bel_387";
-const hideScrollbars$4 = "_hideScrollbars_12bel_392";
-const richTextInput = "_richTextInput_12bel_402";
+const inputInTable$4 = "_inputInTable_wizfl_335";
+const inputHover$4 = "_inputHover_wizfl_341";
+const inputFocus$4 = "_inputFocus_wizfl_346";
+const inputError$4 = "_inputError_wizfl_353";
+const inputWarning$4 = "_inputWarning_wizfl_354";
+const inputDisabled$4 = "_inputDisabled_wizfl_389";
+const hideScrollbars$4 = "_hideScrollbars_wizfl_394";
+const richTextInput = "_richTextInput_wizfl_404";
 const styles$e = {
   inputInTable: inputInTable$4,
   inputHover: inputHover$4,
@@ -56477,7 +56481,7 @@ RichTextInput.propTypes = {
   value: propTypes$1.exports.string,
   toolbarComponent: propTypes$1.exports.node
 };
-const row = "_row_19xw9_333";
+const row = "_row_1grw3_335";
 const styles$d = {
   row
 };
@@ -56628,24 +56632,24 @@ var reactFastCompare = function isEqual3(a2, b2) {
     throw error2;
   }
 };
-const inputInTable$3 = "_inputInTable_1x7k8_333";
-const inputHover$3 = "_inputHover_1x7k8_339";
-const inputFocus$3 = "_inputFocus_1x7k8_344";
-const inputError$3 = "_inputError_1x7k8_351";
-const inputWarning$3 = "_inputWarning_1x7k8_352";
-const inputDisabled$3 = "_inputDisabled_1x7k8_387";
-const hideScrollbars$3 = "_hideScrollbars_1x7k8_392";
-const sidebar = "_sidebar_1x7k8_405";
-const inner = "_inner_1x7k8_415";
-const title$3 = "_title_1x7k8_426";
-const subtitle = "_subtitle_1x7k8_427";
-const label$2 = "_label_1x7k8_428";
-const collapsed = "_collapsed_1x7k8_432";
-const list = "_list_1x7k8_455";
-const item$2 = "_item_1x7k8_461";
-const active$2 = "_active_1x7k8_482";
-const experimental = "_experimental_1x7k8_486";
-const icon$1 = "_icon_1x7k8_489";
+const inputInTable$3 = "_inputInTable_3m1v7_335";
+const inputHover$3 = "_inputHover_3m1v7_341";
+const inputFocus$3 = "_inputFocus_3m1v7_346";
+const inputError$3 = "_inputError_3m1v7_353";
+const inputWarning$3 = "_inputWarning_3m1v7_354";
+const inputDisabled$3 = "_inputDisabled_3m1v7_389";
+const hideScrollbars$3 = "_hideScrollbars_3m1v7_394";
+const sidebar = "_sidebar_3m1v7_407";
+const inner = "_inner_3m1v7_417";
+const title$3 = "_title_3m1v7_428";
+const subtitle = "_subtitle_3m1v7_429";
+const label$2 = "_label_3m1v7_430";
+const collapsed = "_collapsed_3m1v7_434";
+const list = "_list_3m1v7_457";
+const item$2 = "_item_3m1v7_463";
+const active$2 = "_active_3m1v7_484";
+const experimental = "_experimental_3m1v7_488";
+const icon$1 = "_icon_3m1v7_491";
 const styles$c = {
   inputInTable: inputInTable$3,
   inputHover: inputHover$3,
@@ -58866,13 +58870,13 @@ const SliderTooltip = ({ text: text2 }) => {
   });
 };
 const rcSlider = "";
-const container = "_container_uuap1_333";
-const small$2 = "_small_uuap1_339";
-const hasMarks = "_hasMarks_uuap1_342";
-const vertical = "_vertical_uuap1_345";
-const hasArrows = "_hasArrows_uuap1_349";
-const button$1 = "_button_uuap1_353";
-const label$1 = "_label_uuap1_356";
+const container = "_container_1itew_335";
+const small$2 = "_small_1itew_341";
+const hasMarks = "_hasMarks_1itew_344";
+const vertical = "_vertical_1itew_347";
+const hasArrows = "_hasArrows_1itew_351";
+const button$1 = "_button_1itew_355";
+const label$1 = "_label_1itew_358";
 const styles$b = {
   container,
   small: small$2,
@@ -59084,23 +59088,23 @@ Spacer.propTypes = {
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   flex: propTypes$1.exports.bool
 };
-const inputInTable$2 = "_inputInTable_354jl_333";
-const inputHover$2 = "_inputHover_354jl_339";
-const inputFocus$2 = "_inputFocus_354jl_344";
-const inputError$2 = "_inputError_354jl_351";
-const inputWarning$2 = "_inputWarning_354jl_352";
-const inputDisabled$2 = "_inputDisabled_354jl_387";
-const hideScrollbars$2 = "_hideScrollbars_354jl_392";
-const cellWrapperPadding$3 = "_cellWrapperPadding_354jl_402";
-const flexBlock$3 = "_flexBlock_354jl_405";
-const scrollWrapper = "_scrollWrapper_354jl_418";
-const bordered = "_bordered_354jl_418";
-const maxHeight = "_maxHeight_354jl_422";
-const table = "_table_354jl_431";
-const cellWrapper$3 = "_cellWrapper_354jl_402";
-const title$2 = "_title_354jl_513";
-const footer$1 = "_footer_354jl_514";
-const striped = "_striped_354jl_519";
+const inputInTable$2 = "_inputInTable_dlfrf_335";
+const inputHover$2 = "_inputHover_dlfrf_341";
+const inputFocus$2 = "_inputFocus_dlfrf_346";
+const inputError$2 = "_inputError_dlfrf_353";
+const inputWarning$2 = "_inputWarning_dlfrf_354";
+const inputDisabled$2 = "_inputDisabled_dlfrf_389";
+const hideScrollbars$2 = "_hideScrollbars_dlfrf_394";
+const cellWrapperPadding$3 = "_cellWrapperPadding_dlfrf_404";
+const flexBlock$3 = "_flexBlock_dlfrf_407";
+const scrollWrapper = "_scrollWrapper_dlfrf_420";
+const bordered = "_bordered_dlfrf_420";
+const maxHeight = "_maxHeight_dlfrf_424";
+const table = "_table_dlfrf_433";
+const cellWrapper$3 = "_cellWrapper_dlfrf_404";
+const title$2 = "_title_dlfrf_515";
+const footer$1 = "_footer_dlfrf_516";
+const striped = "_striped_dlfrf_521";
 const styles$a = {
   inputInTable: inputInTable$2,
   inputHover: inputHover$2,
@@ -59120,10 +59124,10 @@ const styles$a = {
   footer: footer$1,
   striped
 };
-const cellWrapperPadding$2 = "_cellWrapperPadding_gm64k_333";
-const flexBlock$2 = "_flexBlock_gm64k_336";
-const cellWrapper$2 = "_cellWrapper_gm64k_333";
-const title$1 = "_title_gm64k_344";
+const cellWrapperPadding$2 = "_cellWrapperPadding_h6mne_335";
+const flexBlock$2 = "_flexBlock_h6mne_338";
+const cellWrapper$2 = "_cellWrapper_h6mne_335";
+const title$1 = "_title_h6mne_346";
 const styles$9 = {
   cellWrapperPadding: cellWrapperPadding$2,
   flexBlock: flexBlock$2,
@@ -59185,10 +59189,10 @@ Title$1.propTypes = {
   ]),
   testId: propTypes$1.exports.string
 };
-const cellWrapperPadding$1 = "_cellWrapperPadding_1qrjr_333";
-const flexBlock$1 = "_flexBlock_1qrjr_336";
-const cellWrapper$1 = "_cellWrapper_1qrjr_333";
-const footer = "_footer_1qrjr_344";
+const cellWrapperPadding$1 = "_cellWrapperPadding_1extq_335";
+const flexBlock$1 = "_flexBlock_1extq_338";
+const cellWrapper$1 = "_cellWrapper_1extq_335";
+const footer = "_footer_1extq_346";
 const styles$8 = {
   cellWrapperPadding: cellWrapperPadding$1,
   flexBlock: flexBlock$1,
@@ -59259,39 +59263,39 @@ 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_9fk99_333";
-const inputHover$1 = "_inputHover_9fk99_339";
-const inputFocus$1 = "_inputFocus_9fk99_344";
-const inputError$1 = "_inputError_9fk99_351";
-const inputWarning$1 = "_inputWarning_9fk99_352";
-const inputDisabled$1 = "_inputDisabled_9fk99_387";
-const hideScrollbars$1 = "_hideScrollbars_9fk99_392";
-const cellWrapperPadding = "_cellWrapperPadding_9fk99_402";
-const flexBlock = "_flexBlock_9fk99_405";
-const cellWrapper = "_cellWrapper_9fk99_402";
-const disabledLink = "_disabledLink_9fk99_423";
-const inputWrapper = "_inputWrapper_9fk99_427";
-const breakWord = "_breakWord_9fk99_443";
-const inputCell = "_inputCell_9fk99_446";
-const sliderCell = "_sliderCell_9fk99_449";
-const staticCell = "_staticCell_9fk99_453";
-const staticCellContent = "_staticCellContent_9fk99_456";
-const error$1 = "_error_9fk99_465";
-const warning$2 = "_warning_9fk99_466";
-const unit = "_unit_9fk99_503";
-const disabled$2 = "_disabled_9fk99_423";
-const sortingCell = "_sortingCell_9fk99_511";
-const sortingCellIcon = "_sortingCellIcon_9fk99_519";
-const icon = "_icon_9fk99_526";
-const checkBoxCell = "_checkBoxCell_9fk99_530";
-const iconCell = "_iconCell_9fk99_534";
-const iconWrapper = "_iconWrapper_9fk99_539";
-const actionsCell = "_actionsCell_9fk99_543";
-const rightAligned = "_rightAligned_9fk99_547";
-const centerAligned = "_centerAligned_9fk99_553";
-const leftAligned = "_leftAligned_9fk99_556";
-const popover = "_popover_9fk99_559";
-const disabledPointerEvents = "_disabledPointerEvents_9fk99_562";
+const inputInTable$1 = "_inputInTable_1k4d6_335";
+const inputHover$1 = "_inputHover_1k4d6_341";
+const inputFocus$1 = "_inputFocus_1k4d6_346";
+const inputError$1 = "_inputError_1k4d6_353";
+const inputWarning$1 = "_inputWarning_1k4d6_354";
+const inputDisabled$1 = "_inputDisabled_1k4d6_389";
+const hideScrollbars$1 = "_hideScrollbars_1k4d6_394";
+const cellWrapperPadding = "_cellWrapperPadding_1k4d6_404";
+const flexBlock = "_flexBlock_1k4d6_407";
+const cellWrapper = "_cellWrapper_1k4d6_404";
+const disabledLink = "_disabledLink_1k4d6_425";
+const inputWrapper = "_inputWrapper_1k4d6_429";
+const breakWord = "_breakWord_1k4d6_445";
+const inputCell = "_inputCell_1k4d6_448";
+const sliderCell = "_sliderCell_1k4d6_451";
+const staticCell = "_staticCell_1k4d6_455";
+const staticCellContent = "_staticCellContent_1k4d6_458";
+const error$1 = "_error_1k4d6_467";
+const warning$2 = "_warning_1k4d6_468";
+const unit = "_unit_1k4d6_505";
+const disabled$2 = "_disabled_1k4d6_425";
+const sortingCell = "_sortingCell_1k4d6_513";
+const sortingCellIcon = "_sortingCellIcon_1k4d6_521";
+const icon = "_icon_1k4d6_528";
+const checkBoxCell = "_checkBoxCell_1k4d6_532";
+const iconCell = "_iconCell_1k4d6_536";
+const iconWrapper = "_iconWrapper_1k4d6_541";
+const actionsCell = "_actionsCell_1k4d6_545";
+const rightAligned = "_rightAligned_1k4d6_549";
+const centerAligned = "_centerAligned_1k4d6_555";
+const leftAligned = "_leftAligned_1k4d6_558";
+const popover = "_popover_1k4d6_561";
+const disabledPointerEvents = "_disabledPointerEvents_1k4d6_564";
 const styles$7 = {
   inputInTable: inputInTable$1,
   inputHover: inputHover$1,
@@ -60077,13 +60081,13 @@ Cell.propTypes = {
   cell: cellShape,
   testId: propTypes$1.exports.string
 };
-const clickableRow = "_clickableRow_17l7m_333";
-const hoverableRow = "_hoverableRow_17l7m_336";
-const rowActive = "_rowActive_17l7m_336";
-const expandableRow = "_expandableRow_17l7m_340";
-const flush2 = "_flush_17l7m_340";
-const dragIconCell = "_dragIconCell_17l7m_360";
-const dragIcon = "_dragIcon_17l7m_360";
+const clickableRow = "_clickableRow_1t5fb_335";
+const hoverableRow = "_hoverableRow_1t5fb_338";
+const rowActive = "_rowActive_1t5fb_338";
+const expandableRow = "_expandableRow_1t5fb_342";
+const flush2 = "_flush_1t5fb_342";
+const dragIconCell = "_dragIconCell_1t5fb_362";
+const dragIcon = "_dragIcon_1t5fb_362";
 const styles$6 = {
   clickableRow,
   hoverableRow,
@@ -60623,16 +60627,16 @@ Table.propTypes = {
   }).isRequired,
   onListReorder: propTypes$1.exports.func
 };
-const tabs = "_tabs_bjsgz_333";
-const padding = "_padding_bjsgz_339";
-const margin = "_margin_bjsgz_343";
-const contentPadding = "_contentPadding_bjsgz_346";
-const item$1 = "_item_bjsgz_349";
-const active$1 = "_active_bjsgz_378";
-const hidden = "_hidden_bjsgz_383";
-const disabled$1 = "_disabled_bjsgz_386";
-const left$1 = "_left_bjsgz_390";
-const right$1 = "_right_bjsgz_390";
+const tabs = "_tabs_jc7kg_335";
+const padding = "_padding_jc7kg_341";
+const margin = "_margin_jc7kg_345";
+const contentPadding = "_contentPadding_jc7kg_348";
+const item$1 = "_item_jc7kg_351";
+const active$1 = "_active_jc7kg_380";
+const hidden = "_hidden_jc7kg_385";
+const disabled$1 = "_disabled_jc7kg_388";
+const left$1 = "_left_jc7kg_392";
+const right$1 = "_right_jc7kg_392";
 const styles$5 = {
   tabs,
   padding,
@@ -60860,18 +60864,18 @@ TextLink.propTypes = {
   target: propTypes$1.exports.string,
   testId: propTypes$1.exports.string
 };
-const inputInTable = "_inputInTable_v7awr_333";
-const inputHover = "_inputHover_v7awr_339";
-const inputFocus = "_inputFocus_v7awr_344";
-const inputError = "_inputError_v7awr_351";
-const inputWarning = "_inputWarning_v7awr_352";
-const inputDisabled = "_inputDisabled_v7awr_387";
-const hideScrollbars = "_hideScrollbars_v7awr_392";
-const textarea = "_textarea_v7awr_402";
-const small$1 = "_small_v7awr_439";
-const error = "_error_v7awr_445";
-const warning$1 = "_warning_v7awr_462";
-const monospace = "_monospace_v7awr_479";
+const inputInTable = "_inputInTable_yb5q9_335";
+const inputHover = "_inputHover_yb5q9_341";
+const inputFocus = "_inputFocus_yb5q9_346";
+const inputError = "_inputError_yb5q9_353";
+const inputWarning = "_inputWarning_yb5q9_354";
+const inputDisabled = "_inputDisabled_yb5q9_389";
+const hideScrollbars = "_hideScrollbars_yb5q9_394";
+const textarea = "_textarea_yb5q9_404";
+const small$1 = "_small_yb5q9_441";
+const error = "_error_yb5q9_447";
+const warning$1 = "_warning_yb5q9_464";
+const monospace = "_monospace_yb5q9_481";
 const styles$4 = {
   inputInTable,
   inputHover,
@@ -62064,10 +62068,10 @@ const toast = ({ id: id2, message: message2, autoClose = 6e3, onClose }) => {
     type: toastType
   });
 };
-const toggle$1 = "_toggle_1s3iw_341";
-const small = "_small_1s3iw_356";
-const disabled = "_disabled_1s3iw_428";
-const noMargin = "_noMargin_1s3iw_439";
+const toggle$1 = "_toggle_rnsmr_343";
+const small = "_small_rnsmr_358";
+const disabled = "_disabled_rnsmr_430";
+const noMargin = "_noMargin_rnsmr_441";
 const styles$3 = {
   toggle: toggle$1,
   small,
@@ -62143,21 +62147,21 @@ Toggle.propTypes = {
   helpText: propTypes$1.exports.string,
   onClickHelp: propTypes$1.exports.func
 };
-const topbar = "_topbar_1m32a_341";
-const fixed = "_fixed_1m32a_352";
-const title = "_title_1m32a_360";
-const logo = "_logo_1m32a_376";
-const label = "_label_1m32a_379";
-const brand = "_brand_1m32a_384";
-const version = "_version_1m32a_389";
-const left = "_left_1m32a_397";
-const right = "_right_1m32a_398";
-const item = "_item_1m32a_415";
-const link = "_link_1m32a_416";
-const button = "_button_1m32a_428";
-const menu = "_menu_1m32a_429";
-const active = "_active_1m32a_457";
-const alert = "_alert_1m32a_482";
+const topbar = "_topbar_8tc9g_343";
+const fixed = "_fixed_8tc9g_354";
+const title = "_title_8tc9g_362";
+const logo = "_logo_8tc9g_378";
+const label = "_label_8tc9g_381";
+const brand = "_brand_8tc9g_386";
+const version = "_version_8tc9g_391";
+const left = "_left_8tc9g_399";
+const right = "_right_8tc9g_400";
+const item = "_item_8tc9g_417";
+const link = "_link_8tc9g_418";
+const button = "_button_8tc9g_430";
+const menu = "_menu_8tc9g_431";
+const active = "_active_8tc9g_459";
+const alert = "_alert_8tc9g_484";
 const styles$2 = {
   topbar,
   fixed,
@@ -74097,12 +74101,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_1hc2i_333";
-const toggle = "_toggle_1hc2i_336";
-const dropTarget = "_dropTarget_1hc2i_340";
-const draggingSource = "_draggingSource_1hc2i_343";
-const placeholderContainer = "_placeholderContainer_1hc2i_346";
-const placeholder2 = "_placeholder_1hc2i_346";
+const tree = "_tree_1ykbp_335";
+const toggle = "_toggle_1ykbp_338";
+const dropTarget = "_dropTarget_1ykbp_342";
+const draggingSource = "_draggingSource_1ykbp_345";
+const placeholderContainer = "_placeholderContainer_1ykbp_348";
+const placeholder2 = "_placeholder_1ykbp_348";
 const styles = {
   tree,
   toggle,
@@ -74119,7 +74123,8 @@ const TreeItem = ({
   hasChild,
   draggable: draggable2
 }) => {
-  const { active: active2, id: id2, testId, onClick } = node;
+  const { id: id2, data } = node;
+  const { active: active2, testId, onClick } = data;
   const handleToggle = (e2) => {
     e2.stopPropagation();
     onToggle(id2);
@@ -74158,7 +74163,7 @@ const TreeItem = ({
           })
         }),
         /* @__PURE__ */ jsxRuntime.exports.jsx(MetaContent, {
-          item: node
+          item: data
         }),
         /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
           className: listStyles.actions,
@@ -74186,14 +74191,30 @@ const Tree = ({
 }) => {
   const handleDrop = (newTree) => {
     if (onListReorder) {
-      onListReorder(newTree);
+      const newList = newTree.map(({ id: id2, parent, droppable: droppable2, data }) => ({
+        id: id2,
+        parent,
+        droppable: droppable2,
+        ...data
+      }));
+      onListReorder(newList);
     }
   };
   const handleOpen = (id2) => {
-    if (onListReorder) {
+    if (onChangeOpen) {
       onChangeOpen(id2);
     }
   };
+  const tree2 = list2.items.map(({ id: id2, droppable: droppable2, parent, name: name2, ...rest }) => ({
+    id: id2,
+    text: name2,
+    droppable: droppable2,
+    parent,
+    data: {
+      name: name2,
+      ...rest
+    }
+  }));
   return /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
     "data-testid": testId,
     children: [
@@ -74209,11 +74230,11 @@ const Tree = ({
           context: window,
           children: /* @__PURE__ */ jsxRuntime.exports.jsx(Tree$1, {
             ref: treeRef,
-            tree: list2.items,
+            tree: tree2,
             sort: false,
             insertDroppableFirst: false,
             canDrag: () => draggable2,
-            canDrop: (tree2, { dragSource, dropTargetId }) => {
+            canDrop: (tree22, { dragSource, dropTargetId }) => {
               if ((dragSource == null ? void 0 : dragSource.parent) === dropTargetId) {
                 return true;
               }