@oliasoft-open-source/react-ui-library 3.11.0-beta-5 → 4.0.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_v1bcf_337";
-const expanded$2 = "_expanded_v1bcf_343";
+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_1umgo_337";
-const accordionHeader = "_accordionHeader_1umgo_341";
-const heading$6 = "_heading_1umgo_345";
-const clickable$2 = "_clickable_1umgo_348";
-const bordered$4 = "_bordered_1umgo_354";
-const accordionContent = "_accordionContent_1umgo_354";
-const expanded$1 = "_expanded_1umgo_367";
-const padding$3 = "_padding_1umgo_376";
-const squareBottom = "_squareBottom_1umgo_379";
+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,19 +2276,19 @@ Accordion.propTypes = {
   squareBottom: propTypes$1.exports.bool,
   testId: propTypes$1.exports.string
 };
-const checkbox = "_checkbox_1ymuk_337";
-const noLabel = "_noLabel_1ymuk_352";
-const small$e = "_small_1ymuk_355";
-const checkmark = "_checkmark_1ymuk_380";
-const disabled$9 = "_disabled_1ymuk_401";
-const noMargin$2 = "_noMargin_1ymuk_415";
-const isInTable$4 = "_isInTable_1ymuk_418";
+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,
   small: small$e,
   checkmark,
-  disabled: disabled$9,
+  disabled: disabled$a,
   noMargin: noMargin$2,
   isInTable: isInTable$4
 };
@@ -4270,9 +4270,9 @@ function useHover(_temp) {
     return onMouseLeave(null, true);
   }];
 }
-const tooltip = "_tooltip_a98g1_337";
-const error$9 = "_error_a98g1_351";
-const warning$d = "_warning_a98g1_355";
+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_7odwn_337";
-const checkboxWrapper = "_checkboxWrapper_7odwn_343";
-const padding$2 = "_padding_7odwn_349";
-const contentWrapper = "_contentWrapper_7odwn_352";
+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_92fr1_337";
-const customSvg = "_customSvg_92fr1_344";
-const customPng = "_customPng_92fr1_347";
-const clickable = "_clickable_92fr1_352";
+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_1vofz_337";
-const layer$1 = "_layer_1vofz_341";
-const layerContainer$1 = "_layerContainer_1vofz_344";
-const nested = "_nested_1vofz_359";
-const fileInput$1 = "_fileInput_1vofz_371";
-const trigger$2 = "_trigger_1vofz_377";
-const middleAlignedInline = "_middleAlignedInline_1vofz_386";
-const heading$5 = "_heading_1vofz_392";
-const headingIcon = "_headingIcon_1vofz_398";
-const option$1 = "_option_1vofz_410";
-const active$8 = "_active_1vofz_427";
-const selected$1 = "_selected_1vofz_432";
-const optionContent$1 = "_optionContent_1vofz_439";
-const inline$4 = "_inline_1vofz_444";
-const icon$5 = "_icon_1vofz_449";
-const check$1 = "_check_1vofz_450";
-const text$3 = "_text_1vofz_476";
-const label$a = "_label_1vofz_481";
-const description = "_description_1vofz_492";
-const arrow$1 = "_arrow_1vofz_496";
-const divider$1 = "_divider_1vofz_500";
-const deprecatedSemanticIcon = "_deprecatedSemanticIcon_1vofz_504";
-const disabled$8 = "_disabled_1vofz_508";
-const buttonLabel = "_buttonLabel_1vofz_513";
-const buttonCaret = "_buttonCaret_1vofz_520";
-const component = "_component_1vofz_523";
-const right$7 = "_right_1vofz_529";
-const actions$2 = "_actions_1vofz_534";
+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,
@@ -10945,7 +10945,7 @@ const styles$M = {
   arrow: arrow$1,
   divider: divider$1,
   deprecatedSemanticIcon,
-  disabled: disabled$8,
+  disabled: disabled$9,
   buttonLabel,
   buttonCaret,
   component,
@@ -11056,7 +11056,7 @@ const Section$1 = ({
   close: close2,
   tree: tree2,
   path,
-  maxHeight
+  maxHeight: maxHeight2
 }) => {
   const disabledContext = useContext(DisabledContext);
   switch (section.type) {
@@ -11096,7 +11096,7 @@ const Section$1 = ({
         closeParent: close2,
         tree: tree2,
         path,
-        maxHeight,
+        maxHeight: maxHeight2,
         testId: section.testId
       });
     default:
@@ -11116,7 +11116,7 @@ const Layer$2 = ({
   close: close2,
   tree: tree2,
   path,
-  maxHeight,
+  maxHeight: maxHeight2,
   showAllButton,
   testId
 }) => {
@@ -11150,7 +11150,7 @@ const Layer$2 = ({
   ).filter((s) => s == null ? void 0 : s.visible) : sections.map((s) => ({ ...s, closeOnOptionClick }));
   return /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
     className: cx$2(styles$M.layer, isNested ? styles$M.nested : null),
-    style: { maxWidth: width, maxHeight },
+    style: { maxWidth: width, maxHeight: maxHeight2 },
     "data-testid": testId,
     children: /* @__PURE__ */ jsxRuntime.exports.jsx("ul", {
       children: localSections.map((section, i) => /* @__PURE__ */ jsxRuntime.exports.jsx("li", {
@@ -11160,7 +11160,7 @@ const Layer$2 = ({
           close: close2,
           tree: tree2,
           path: childPath(path, i),
-          maxHeight
+          maxHeight: maxHeight2
         })
       }, i))
     })
@@ -11172,14 +11172,14 @@ const placementOptions$1 = (placement, isNested = false) => ({
   preferY: "bottom",
   placement: placement || (isNested ? "right-start" : "bottom-start")
 });
-const wrapper$2 = "_wrapper_b1kj7_337";
-const badge = "_badge_b1kj7_341";
-const label$9 = "_label_b1kj7_346";
-const dark$1 = "_dark_b1kj7_358";
-const light = "_light_b1kj7_361";
-const small$d = "_small_b1kj7_364";
-const dot = "_dot_b1kj7_370";
-const hasChildren = "_hasChildren_b1kj7_375";
+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,33 +11235,32 @@ Badge.propTypes = {
   margin: propTypes$1.exports.string,
   small: propTypes$1.exports.bool
 };
-const inputInTable$b = "_inputInTable_gtaak_337";
-const inputHover$b = "_inputHover_gtaak_346";
-const inputFocus$b = "_inputFocus_gtaak_351";
-const inputError$b = "_inputError_gtaak_358";
-const inputWarning$b = "_inputWarning_gtaak_359";
-const inputDisabled$b = "_inputDisabled_gtaak_394";
-const hideScrollbars$b = "_hideScrollbars_gtaak_399";
-const scrollbars$b = "_scrollbars_gtaak_409";
-const button$3 = "_button_gtaak_470";
-const active$7 = "_active_gtaak_507";
-const green$1 = "_green_gtaak_507";
-const red$1 = "_red_gtaak_507";
-const orange$1 = "_orange_gtaak_507";
-const icon$4 = "_icon_gtaak_519";
-const iconOnly = "_iconOnly_gtaak_526";
-const basic = "_basic_gtaak_536";
-const muted$2 = "_muted_gtaak_542";
-const disabled$7 = "_disabled_gtaak_555";
-const small$c = "_small_gtaak_565";
-const pill = "_pill_gtaak_570";
-const round = "_round_gtaak_571";
-const error$8 = "_error_gtaak_648";
-const warning$c = "_warning_gtaak_665";
-const inverted$1 = "_inverted_gtaak_682";
-const groupOrderFirst$4 = "_groupOrderFirst_gtaak_716";
-const groupOrderMiddle$4 = "_groupOrderMiddle_gtaak_717";
-const groupOrderLast$4 = "_groupOrderLast_gtaak_718";
+const inputInTable$b = "_inputInTable_1jbq5_335";
+const inputHover$b = "_inputHover_1jbq5_341";
+const inputFocus$b = "_inputFocus_1jbq5_346";
+const inputError$b = "_inputError_1jbq5_353";
+const inputWarning$b = "_inputWarning_1jbq5_354";
+const inputDisabled$b = "_inputDisabled_1jbq5_389";
+const hideScrollbars$b = "_hideScrollbars_1jbq5_394";
+const button$3 = "_button_1jbq5_438";
+const active$7 = "_active_1jbq5_475";
+const green$1 = "_green_1jbq5_475";
+const red$1 = "_red_1jbq5_475";
+const orange$1 = "_orange_1jbq5_475";
+const icon$4 = "_icon_1jbq5_487";
+const iconOnly = "_iconOnly_1jbq5_494";
+const basic = "_basic_1jbq5_504";
+const muted$2 = "_muted_1jbq5_510";
+const disabled$8 = "_disabled_1jbq5_523";
+const small$c = "_small_1jbq5_533";
+const pill = "_pill_1jbq5_538";
+const round = "_round_1jbq5_539";
+const error$8 = "_error_1jbq5_616";
+const warning$c = "_warning_1jbq5_633";
+const inverted$1 = "_inverted_1jbq5_650";
+const groupOrderFirst$4 = "_groupOrderFirst_1jbq5_684";
+const groupOrderMiddle$4 = "_groupOrderMiddle_1jbq5_685";
+const groupOrderLast$4 = "_groupOrderLast_1jbq5_686";
 const buttonStyles = {
   inputInTable: inputInTable$b,
   inputHover: inputHover$b,
@@ -11270,7 +11269,6 @@ const buttonStyles = {
   inputWarning: inputWarning$b,
   inputDisabled: inputDisabled$b,
   hideScrollbars: hideScrollbars$b,
-  scrollbars: scrollbars$b,
   button: button$3,
   active: active$7,
   green: green$1,
@@ -11280,7 +11278,7 @@ const buttonStyles = {
   iconOnly,
   basic,
   muted: muted$2,
-  disabled: disabled$7,
+  disabled: disabled$8,
   small: small$c,
   pill,
   round,
@@ -11291,11 +11289,11 @@ const buttonStyles = {
   groupOrderMiddle: groupOrderMiddle$4,
   groupOrderLast: groupOrderLast$4
 };
-const spinner = "_spinner_r9wdf_337";
-const small$b = "_small_r9wdf_343";
-const tiny = "_tiny_r9wdf_347";
-const colored$1 = "_colored_r9wdf_374";
-const dark = "_dark_r9wdf_386";
+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,
@@ -11669,7 +11667,7 @@ const isMenuEmpty = (menu2) => {
   const { sections } = menu2;
   return !isValidElement(sections) && (!sections.length || sections.every((section) => lodash.exports.isEmpty(section)));
 };
-const useContextMenu = (sections, width, placement, possiblePlacements, closeOnOptionClick, closeParent, tree2, path, groupOrder, overflowContainer, maxHeight, testId) => {
+const useContextMenu = (sections, width, placement, possiblePlacements, closeOnOptionClick, closeParent, tree2, path, groupOrder, overflowContainer, maxHeight2, testId) => {
   const { hasMousePosition, resetMousePosition, handleMouseEvent, trigger: trigger2 } = useMousePositionAsTrigger();
   const close2 = resetMousePosition;
   const isOpen2 = hasMousePosition;
@@ -11695,7 +11693,7 @@ const useContextMenu = (sections, width, placement, possiblePlacements, closeOnO
         tree: tree2,
         path,
         groupOrder,
-        maxHeight,
+        maxHeight: maxHeight2,
         testId: testId && `${testId}-layer`
       })
     })
@@ -11772,7 +11770,7 @@ const DropDownMenu = ({
   path,
   groupOrder,
   overflowContainer,
-  maxHeight,
+  maxHeight: maxHeight2,
   testId,
   open: openProp,
   setOpen: setOpenProp,
@@ -11863,7 +11861,7 @@ const DropDownMenu = ({
             tree: tree2,
             path,
             groupOrder,
-            maxHeight,
+            maxHeight: maxHeight2,
             showAllButton,
             testId: testId && `${testId}-layer`
           })
@@ -11975,9 +11973,9 @@ Menu.propTypes = {
   open: propTypes$1.exports.bool,
   setOpen: propTypes$1.exports.func
 };
-const actions$1 = "_actions_j8q8p_337";
-const actionComponentContainer = "_actionComponentContainer_j8q8p_347";
-const active$6 = "_active_j8q8p_369";
+const actions$1 = "_actions_13yvz_335";
+const actionComponentContainer = "_actionComponentContainer_13yvz_345";
+const active$6 = "_active_13yvz_367";
 const styles$J = {
   actions: actions$1,
   actionComponentContainer,
@@ -12079,18 +12077,18 @@ Actions.propTypes = {
   actions: actionsShape,
   right: propTypes$1.exports.bool
 };
-const breadcrumb = "_breadcrumb_1uhzx_337";
-const small$a = "_small_1uhzx_340";
-const labelContainer = "_labelContainer_1uhzx_343";
-const active$5 = "_active_1uhzx_353";
-const disabled$6 = "_disabled_1uhzx_358";
-const separator = "_separator_1uhzx_363";
+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,
   labelContainer,
   active: active$5,
-  disabled: disabled$6,
+  disabled: disabled$7,
   separator
 };
 const Link$2 = ({
@@ -12160,8 +12158,8 @@ Breadcrumb.propTypes = {
   ).isRequired,
   small: propTypes$1.exports.bool
 };
-const label$8 = "_label_ib20b_337";
-const buttonGroup = "_buttonGroup_ib20b_347";
+const label$8 = "_label_8gfar_335";
+const buttonGroup = "_buttonGroup_8gfar_345";
 const styles$H = {
   label: label$8,
   buttonGroup
@@ -12272,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_2vo7e_337";
-const bordered$2 = "_bordered_2vo7e_340";
-const raised = "_raised_2vo7e_346";
-const cardHeader = "_cardHeader_2vo7e_349";
-const cardContentBorderTop = "_cardContentBorderTop_2vo7e_355";
-const padding$1 = "_padding_2vo7e_358";
-const cardContent = "_cardContent_2vo7e_355";
+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,
@@ -13607,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_w0nt9_337";
-const alignLeft = "_alignLeft_w0nt9_348";
-const alignRight = "_alignRight_w0nt9_351";
+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_fn58f_337";
-const center = "_center_fn58f_340";
-const muted$1 = "_muted_fn58f_343";
-const faint = "_faint_fn58f_346";
-const success$1 = "_success_fn58f_349";
-const warning$b = "_warning_fn58f_352";
-const error$7 = "_error_fn58f_355";
-const small$9 = "_small_fn58f_358";
-const link$1 = "_link_fn58f_361";
+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,
@@ -13721,9 +13719,9 @@ Divider.propTypes = {
   color: propTypes$1.exports.string,
   align: propTypes$1.exports.string
 };
-const heading$4 = "_heading_1cbst_337";
-const top$1 = "_top_1cbst_345";
-const icons$2 = "_icons_1cbst_357";
+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,
@@ -13806,7 +13804,7 @@ const scroll$2 = "_scroll_11kaj_22";
 const header$2 = "_header_11kaj_25";
 const dismiss$2 = "_dismiss_11kaj_33";
 const content$3 = "_content_11kaj_44";
-const footer$2 = "_footer_11kaj_53";
+const footer$3 = "_footer_11kaj_53";
 const styles$C = {
   dialog,
   inline: inline$3,
@@ -13814,7 +13812,7 @@ const styles$C = {
   header: header$2,
   dismiss: dismiss$2,
   content: content$3,
-  footer: footer$2
+  footer: footer$3
 };
 const convertStringToJsx = (children) => {
   if (lodash.exports.isArray(children)) {
@@ -13900,31 +13898,30 @@ const dialogShape = propTypes$1.exports.shape({
 Dialog.propTypes = {
   dialog: dialogShape.isRequired
 };
-const inputInTable$a = "_inputInTable_yeflg_337";
-const inputHover$a = "_inputHover_yeflg_346";
-const inputFocus$a = "_inputFocus_yeflg_351";
-const inputError$a = "_inputError_yeflg_358";
-const inputWarning$a = "_inputWarning_yeflg_359";
-const inputDisabled$a = "_inputDisabled_yeflg_394";
-const hideScrollbars$a = "_hideScrollbars_yeflg_399";
-const scrollbars$a = "_scrollbars_yeflg_409";
-const inline$2 = "_inline_yeflg_448";
-const left$2 = "_left_yeflg_451";
-const right$6 = "_right_yeflg_454";
-const fixed$1 = "_fixed_yeflg_457";
-const border$1 = "_border_yeflg_469";
-const shadow = "_shadow_yeflg_475";
-const drawerContent = "_drawerContent_yeflg_478";
-const isResizing = "_isResizing_yeflg_490";
-const toggleButton = "_toggleButton_yeflg_501";
-const top = "_top_yeflg_514";
-const bottom = "_bottom_yeflg_517";
-const toggleButtonOpen = "_toggleButtonOpen_yeflg_520";
-const tabs$1 = "_tabs_yeflg_523";
-const tab$1 = "_tab_yeflg_523";
-const active$4 = "_active_yeflg_554";
-const tabsContent = "_tabsContent_yeflg_576";
-const resizeHandle = "_resizeHandle_yeflg_582";
+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,
@@ -13933,7 +13930,6 @@ const styles$B = {
   inputWarning: inputWarning$a,
   inputDisabled: inputDisabled$a,
   hideScrollbars: hideScrollbars$a,
-  scrollbars: scrollbars$a,
   inline: inline$2,
   left: left$2,
   right: right$6,
@@ -16137,11 +16133,15 @@ const Drawer = ({
   const currentWidth = open ? openWidth : tabs2 ? TABS_WIDTH : closedWidth;
   const handleTabClick = (index2) => {
     if (activeTab === index2 && open) {
+      if (onClose) {
+        onClose(tabs2[index2]);
+      }
       setOpen(false);
-      onClose(index2);
     } else if (!open) {
+      if (onOpen) {
+        onOpen(tabs2[index2]);
+      }
       setOpen(true);
-      onOpen(tabs2[index2]);
       if (onResize && width < MIN_OPEN_WIDTH) {
         onResize(MIN_OPEN_WIDTH);
       }
@@ -16259,8 +16259,8 @@ Drawer.propTypes = {
   onClose: propTypes$1.exports.func,
   onOpen: propTypes$1.exports.func
 };
-const empty$2 = "_empty_101i6_337";
-const text$2 = "_text_101i6_347";
+const empty$2 = "_empty_1pswm_335";
+const text$2 = "_text_1pswm_345";
 const styles$A = {
   empty: empty$2,
   text: text$2
@@ -16327,7 +16327,7 @@ Empty.propTypes = {
   text: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.node]),
   children: propTypes$1.exports.node
 };
-const inputGroup = "_inputGroup_12byf_337";
+const inputGroup = "_inputGroup_tc6qm_335";
 const styles$z = {
   inputGroup
 };
@@ -16363,23 +16363,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_hz1tq_337";
-const inputHover$9 = "_inputHover_hz1tq_346";
-const inputFocus$9 = "_inputFocus_hz1tq_351";
-const inputError$9 = "_inputError_hz1tq_358";
-const inputWarning$9 = "_inputWarning_hz1tq_359";
-const inputDisabled$9 = "_inputDisabled_hz1tq_394";
-const hideScrollbars$9 = "_hideScrollbars_hz1tq_399";
-const scrollbars$9 = "_scrollbars_hz1tq_409";
-const input$1 = "_input_hz1tq_337";
-const isInTable$3 = "_isInTable_hz1tq_457";
-const small$8 = "_small_hz1tq_478";
-const error$6 = "_error_hz1tq_484";
-const warning$a = "_warning_hz1tq_501";
-const right$5 = "_right_hz1tq_523";
-const groupOrderFirst$3 = "_groupOrderFirst_hz1tq_526";
-const groupOrderMiddle$3 = "_groupOrderMiddle_hz1tq_527";
-const groupOrderLast$3 = "_groupOrderLast_hz1tq_528";
+const inputInTable$9 = "_inputInTable_1pp06_335";
+const inputHover$9 = "_inputHover_1pp06_341";
+const inputFocus$9 = "_inputFocus_1pp06_346";
+const inputError$9 = "_inputError_1pp06_353";
+const inputWarning$9 = "_inputWarning_1pp06_354";
+const inputDisabled$9 = "_inputDisabled_1pp06_389";
+const hideScrollbars$9 = "_hideScrollbars_1pp06_394";
+const input$1 = "_input_1pp06_335";
+const isInTable$3 = "_isInTable_1pp06_425";
+const small$8 = "_small_1pp06_443";
+const error$6 = "_error_1pp06_449";
+const warning$a = "_warning_1pp06_466";
+const right$5 = "_right_1pp06_488";
+const groupOrderFirst$3 = "_groupOrderFirst_1pp06_491";
+const groupOrderMiddle$3 = "_groupOrderMiddle_1pp06_492";
+const groupOrderLast$3 = "_groupOrderLast_1pp06_493";
 const styles$y = {
   inputInTable: inputInTable$9,
   inputHover: inputHover$9,
@@ -16388,7 +16387,6 @@ const styles$y = {
   inputWarning: inputWarning$9,
   inputDisabled: inputDisabled$9,
   hideScrollbars: hideScrollbars$9,
-  scrollbars: scrollbars$9,
   input: input$1,
   isInTable: isInTable$3,
   small: small$8,
@@ -16646,9 +16644,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_12r7q_337";
-const labelLeft$1 = "_labelLeft_12r7q_341";
-const icons$1 = "_icons_12r7q_349";
+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,
@@ -16747,17 +16745,17 @@ Label$2.propTypes = {
   }),
   labelLeft: propTypes$1.exports.bool
 };
-const field = "_field_10krz_337";
-const labelLeft = "_labelLeft_10krz_341";
-const fieldInput = "_fieldInput_10krz_345";
-const formRow$1 = "_formRow_10krz_348";
-const button$2 = "_button_10krz_358";
+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_10krz_349",
+  "form-row": "_form-row_1kief_347",
   button: button$2
 };
 const Field = ({
@@ -16888,7 +16886,7 @@ Flex.propTypes = {
     propTypes$1.exports.number
   ])
 };
-const formRow = "_formRow_fyd4m_337";
+const formRow = "_formRow_x6f1o_335";
 const styles$u = {
   formRow
 };
@@ -16960,11 +16958,11 @@ Grid.propTypes = {
   height: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   children: propTypes$1.exports.node
 };
-const addon = "_addon_e13pi_337";
-const small$7 = "_small_e13pi_348";
-const groupOrderFirst$2 = "_groupOrderFirst_e13pi_352";
-const groupOrderMiddle$2 = "_groupOrderMiddle_e13pi_353";
-const groupOrderLast$2 = "_groupOrderLast_e13pi_357";
+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,
@@ -25907,43 +25905,42 @@ var InfiniteScroll = function(_super) {
   };
   return InfiniteScroll2;
 }(Component$1);
-const inputInTable$8 = "_inputInTable_z1p4i_337";
-const inputHover$8 = "_inputHover_z1p4i_346";
-const inputFocus$8 = "_inputFocus_z1p4i_351";
-const inputError$8 = "_inputError_z1p4i_358";
-const inputWarning$8 = "_inputWarning_z1p4i_359";
-const inputDisabled$8 = "_inputDisabled_z1p4i_394";
-const hideScrollbars$8 = "_hideScrollbars_z1p4i_399";
-const scrollbars$8 = "_scrollbars_z1p4i_409";
-const header$1 = "_header_z1p4i_436";
-const headerTitle = "_headerTitle_z1p4i_436";
-const heading$3 = "_heading_z1p4i_437";
-const itemHeader = "_itemHeader_z1p4i_437";
-const narrow = "_narrow_z1p4i_440";
-const stickyHeader = "_stickyHeader_z1p4i_444";
-const title$3 = "_title_z1p4i_455";
-const name = "_name_z1p4i_461";
-const iconTooltipMargin = "_iconTooltipMargin_z1p4i_464";
-const bold = "_bold_z1p4i_467";
-const toggleNarrow = "_toggleNarrow_z1p4i_476";
-const drag$1 = "_drag_z1p4i_494";
-const list$1 = "_list_z1p4i_514";
-const bordered$1 = "_bordered_z1p4i_518";
-const item$4 = "_item_z1p4i_437";
-const action = "_action_z1p4i_551";
-const active$3 = "_active_z1p4i_554";
-const disabled$5 = "_disabled_z1p4i_569";
-const label$6 = "_label_z1p4i_580";
-const details$2 = "_details_z1p4i_587";
-const metadata = "_metadata_z1p4i_588";
-const itemContent = "_itemContent_z1p4i_597";
-const indentIcon = "_indentIcon_z1p4i_604";
-const expandIcon = "_expandIcon_z1p4i_608";
-const expanded = "_expanded_z1p4i_614";
-const right$4 = "_right_z1p4i_617";
-const actions = "_actions_z1p4i_624";
-const scrollableList = "_scrollableList_z1p4i_629";
-const hideScrollbar = "_hideScrollbar_z1p4i_399";
+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,
@@ -25952,14 +25949,13 @@ const listStyles = {
   inputWarning: inputWarning$8,
   inputDisabled: inputDisabled$8,
   hideScrollbars: hideScrollbars$8,
-  scrollbars: scrollbars$8,
   header: header$1,
   headerTitle,
   heading: heading$3,
   itemHeader,
   narrow,
   stickyHeader,
-  title: title$3,
+  title: title$4,
   name,
   iconTooltipMargin,
   bold,
@@ -25970,7 +25966,7 @@ const listStyles = {
   item: item$4,
   action,
   active: active$3,
-  disabled: disabled$5,
+  disabled: disabled$6,
   label: label$6,
   details: details$2,
   metadata,
@@ -26558,13 +26554,13 @@ List.propTypes = {
   }),
   testId: propTypes$1.exports.string
 };
-const loader = "_loader_1tt0v_337";
-const fullViewPortSize = "_fullViewPortSize_1tt0v_343";
-const cover = "_cover_1tt0v_350";
-const dimmer = "_dimmer_1tt0v_357";
-const content$2 = "_content_1tt0v_380";
-const text$1 = "_text_1tt0v_385";
-const details$1 = "_details_1tt0v_389";
+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,
@@ -26638,28 +26634,27 @@ Loader.propTypes = {
   testId: propTypes$1.exports.string,
   theme: propTypes$1.exports.string
 };
-const inputInTable$7 = "_inputInTable_1ju1p_337";
-const inputHover$7 = "_inputHover_1ju1p_346";
-const inputFocus$7 = "_inputFocus_1ju1p_351";
-const inputError$7 = "_inputError_1ju1p_358";
-const inputWarning$7 = "_inputWarning_1ju1p_359";
-const inputDisabled$7 = "_inputDisabled_1ju1p_394";
-const hideScrollbars$7 = "_hideScrollbars_1ju1p_399";
-const scrollbars$7 = "_scrollbars_1ju1p_409";
-const container$1 = "_container_1ju1p_442";
-const block$1 = "_block_1ju1p_460";
-const info = "_info_1ju1p_463";
-const success = "_success_1ju1p_467";
-const warning$6 = "_warning_1ju1p_471";
-const error$4 = "_error_1ju1p_475";
-const content$1 = "_content_1ju1p_479";
-const heading$2 = "_heading_1ju1p_483";
-const icon$3 = "_icon_1ju1p_491";
-const dismiss$1 = "_dismiss_1ju1p_492";
-const absolute = "_absolute_1ju1p_505";
-const legendToggle = "_legendToggle_1ju1p_510";
-const detailsText = "_detailsText_1ju1p_526";
-const footer$1 = "_footer_1ju1p_530";
+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,
@@ -26668,7 +26663,6 @@ const styles$r = {
   inputWarning: inputWarning$7,
   inputDisabled: inputDisabled$7,
   hideScrollbars: hideScrollbars$7,
-  scrollbars: scrollbars$7,
   container: container$1,
   block: block$1,
   info,
@@ -26682,7 +26676,7 @@ const styles$r = {
   absolute,
   legendToggle,
   detailsText,
-  footer: footer$1
+  footer: footer$2
 };
 const Dismiss = ({ type, onClose, isInToast }) => {
   return /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
@@ -26759,7 +26753,7 @@ const Message = ({ message: message2 }) => {
     withDismiss,
     onClose,
     width,
-    maxHeight
+    maxHeight: maxHeight2
   } = message2;
   const [state, dispatch] = useReducer(reducer$1, initialState$4);
   return /* @__PURE__ */ jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment, {
@@ -26769,7 +26763,7 @@ const Message = ({ message: message2 }) => {
         width ? styles$r.block : null,
         type === "Success" ? styles$r.success : type === "Warning" ? styles$r.warning : type === "Error" ? styles$r.error : styles$r.info
       ),
-      style: { width, maxHeight },
+      style: { width, maxHeight: maxHeight2 },
       children: [
         /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
           children: icon2 ? /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
@@ -26844,10 +26838,10 @@ const Portal = ({ id: id2, children }) => {
 Portal.propTypes = {
   id: propTypes$1.exports.string.isRequired
 };
-const wrapper$1 = "_wrapper_mama7_337";
-const contentContainer = "_contentContainer_mama7_351";
-const centered = "_centered_mama7_363";
-const newLine = "_newLine_mama7_367";
+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,
@@ -26895,10 +26889,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_1p4t8_337";
-const header = "_header_1p4t8_348";
-const item$3 = "_item_1p4t8_364";
-const heading$1 = "_heading_1p4t8_369";
+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,
@@ -26921,10 +26915,10 @@ const Heading$1 = ({ label: label2 }) => /* @__PURE__ */ jsxRuntime.exports.jsx(
   className: styles$p.heading,
   children: label2
 });
-const Layer$1 = ({ options, onChangeOptions, showHeader, maxHeight }) => {
+const Layer$1 = ({ options, onChangeOptions, showHeader, maxHeight: maxHeight2 }) => {
   return /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
     className: cx$2("menu", styles$p.menu),
-    style: { maxHeight },
+    style: { maxHeight: maxHeight2 },
     children: [
       showHeader && /* @__PURE__ */ jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, {
         children: [
@@ -27000,7 +26994,7 @@ const OptionDropdown = ({
   options,
   onChange,
   showHeader,
-  maxHeight
+  maxHeight: maxHeight2
 }) => {
   return /* @__PURE__ */ jsxRuntime.exports.jsx(Menu, {
     menu: {
@@ -27016,7 +27010,7 @@ const OptionDropdown = ({
           onChange(evt);
         },
         showHeader,
-        maxHeight
+        maxHeight: maxHeight2
       })
     }
   });
@@ -27040,8 +27034,8 @@ OptionDropdown.propTypes = {
   showHeader: propTypes$1.exports.bool,
   maxHeight: propTypes$1.exports.string
 };
-const page = "_page_uingh_337";
-const scroll2 = "_scroll_uingh_359";
+const page = "_page_1496n_335";
+const scroll2 = "_scroll_1496n_357";
 const styles$o = {
   page,
   scroll: scroll2
@@ -27072,24 +27066,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_1ljgl_337";
-const inputHover$6 = "_inputHover_1ljgl_346";
-const inputFocus$6 = "_inputFocus_1ljgl_351";
-const inputError$6 = "_inputError_1ljgl_358";
-const inputWarning$6 = "_inputWarning_1ljgl_359";
-const inputDisabled$6 = "_inputDisabled_1ljgl_394";
-const hideScrollbars$6 = "_hideScrollbars_1ljgl_399";
-const scrollbars$6 = "_scrollbars_1ljgl_409";
-const select = "_select_1ljgl_436";
-const isInTable$2 = "_isInTable_1ljgl_477";
-const unSelected = "_unSelected_1ljgl_486";
-const error$3 = "_error_1ljgl_493";
-const warning$5 = "_warning_1ljgl_510";
-const small$6 = "_small_1ljgl_527";
-const right$3 = "_right_1ljgl_534";
-const groupOrderFirst$1 = "_groupOrderFirst_1ljgl_545";
-const groupOrderMiddle$1 = "_groupOrderMiddle_1ljgl_546";
-const groupOrderLast$1 = "_groupOrderLast_1ljgl_550";
+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,
@@ -27098,7 +27091,6 @@ const styles$n = {
   inputWarning: inputWarning$6,
   inputDisabled: inputDisabled$6,
   hideScrollbars: hideScrollbars$6,
-  scrollbars: scrollbars$6,
   select,
   isInTable: isInTable$2,
   unSelected,
@@ -28043,20 +28035,20 @@ var FixedSizeList = /* @__PURE__ */ createListComponent({
     }
   }
 });
-const layerContainer = "_layerContainer_1rb4f_337";
-const layer = "_layer_1rb4f_337";
-const small$5 = "_small_1rb4f_359";
-const heading = "_heading_1rb4f_362";
-const option = "_option_1rb4f_363";
-const message = "_message_1rb4f_364";
-const focused = "_focused_1rb4f_398";
-const selected = "_selected_1rb4f_402";
-const disabled$4 = "_disabled_1rb4f_409";
-const check = "_check_1rb4f_413";
-const optionContent = "_optionContent_1rb4f_427";
-const label$5 = "_label_1rb4f_432";
-const icon$2 = "_icon_1rb4f_439";
-const details = "_details_1rb4f_443";
+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,
@@ -28066,7 +28058,7 @@ const styles$m = {
   message,
   focused,
   selected,
-  disabled: disabled$4,
+  disabled: disabled$5,
   check,
   optionContent,
   label: label$5,
@@ -28186,7 +28178,7 @@ const Layer = ({
       listRef.current.scrollToItem(firstSelectedOptionIndex, "start");
     }
   }, []);
-  const optionHeight = small2 ? 24 : 32;
+  const optionHeight = small2 ? 24 : 38;
   return /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
     "data-testid": testId,
     className: cx$2(styles$m.layer, small2 && styles$m.small),
@@ -28221,38 +28213,37 @@ const Layer = ({
     })
   });
 };
-const inputInTable$5 = "_inputInTable_1r3i0_337";
-const inputHover$5 = "_inputHover_1r3i0_346";
-const inputFocus$5 = "_inputFocus_1r3i0_351";
-const inputError$5 = "_inputError_1r3i0_358";
-const inputWarning$5 = "_inputWarning_1r3i0_359";
-const inputDisabled$5 = "_inputDisabled_1r3i0_394";
-const hideScrollbars$5 = "_hideScrollbars_1r3i0_399";
-const scrollbars$5 = "_scrollbars_1r3i0_409";
-const trigger$1 = "_trigger_1r3i0_440";
-const isInTable$1 = "_isInTable_1r3i0_455";
-const input = "_input_1r3i0_337";
-const isOpen = "_isOpen_1r3i0_473";
-const error$2 = "_error_1r3i0_481";
-const warning$4 = "_warning_1r3i0_498";
-const disabled$3 = "_disabled_1r3i0_515";
-const iconOpen = "_iconOpen_1r3i0_520";
-const icons = "_icons_1r3i0_523";
-const clearAll = "_clearAll_1r3i0_531";
-const small$4 = "_small_1r3i0_540";
-const focus = "_focus_1r3i0_549";
-const triggerInputContainer = "_triggerInputContainer_1r3i0_563";
-const right$2 = "_right_1r3i0_572";
-const multiOptions = "_multiOptions_1r3i0_585";
-const multiOption = "_multiOption_1r3i0_585";
-const label$4 = "_label_1r3i0_617";
-const closeMultiOption = "_closeMultiOption_1r3i0_620";
-const selectedSingleValue = "_selectedSingleValue_1r3i0_635";
-const placeHolder = "_placeHolder_1r3i0_636";
-const groupOrderFirst = "_groupOrderFirst_1r3i0_675";
-const groupOrderMiddle = "_groupOrderMiddle_1r3i0_676";
-const groupOrderLast = "_groupOrderLast_1r3i0_680";
-const detailedLabel = "_detailedLabel_1r3i0_685";
+const inputInTable$5 = "_inputInTable_1p3m9_335";
+const inputHover$5 = "_inputHover_1p3m9_341";
+const inputFocus$5 = "_inputFocus_1p3m9_346";
+const inputError$5 = "_inputError_1p3m9_353";
+const inputWarning$5 = "_inputWarning_1p3m9_354";
+const inputDisabled$5 = "_inputDisabled_1p3m9_389";
+const hideScrollbars$5 = "_hideScrollbars_1p3m9_394";
+const trigger$1 = "_trigger_1p3m9_408";
+const isInTable$1 = "_isInTable_1p3m9_423";
+const input = "_input_1p3m9_335";
+const isOpen = "_isOpen_1p3m9_438";
+const error$2 = "_error_1p3m9_446";
+const warning$4 = "_warning_1p3m9_463";
+const disabled$4 = "_disabled_1p3m9_480";
+const iconOpen = "_iconOpen_1p3m9_485";
+const icons = "_icons_1p3m9_488";
+const clearAll = "_clearAll_1p3m9_496";
+const small$4 = "_small_1p3m9_505";
+const focus = "_focus_1p3m9_514";
+const triggerInputContainer = "_triggerInputContainer_1p3m9_528";
+const right$2 = "_right_1p3m9_537";
+const multiOptions = "_multiOptions_1p3m9_550";
+const multiOption = "_multiOption_1p3m9_550";
+const label$4 = "_label_1p3m9_582";
+const closeMultiOption = "_closeMultiOption_1p3m9_585";
+const selectedSingleValue = "_selectedSingleValue_1p3m9_600";
+const placeHolder = "_placeHolder_1p3m9_601";
+const groupOrderFirst = "_groupOrderFirst_1p3m9_640";
+const groupOrderMiddle = "_groupOrderMiddle_1p3m9_641";
+const groupOrderLast = "_groupOrderLast_1p3m9_645";
+const detailedLabel = "_detailedLabel_1p3m9_650";
 const styles$l = {
   inputInTable: inputInTable$5,
   inputHover: inputHover$5,
@@ -28261,14 +28252,13 @@ const styles$l = {
   inputWarning: inputWarning$5,
   inputDisabled: inputDisabled$5,
   hideScrollbars: hideScrollbars$5,
-  scrollbars: scrollbars$5,
   trigger: trigger$1,
   isInTable: isInTable$1,
   input,
   isOpen,
   error: error$2,
   warning: warning$4,
-  disabled: disabled$3,
+  disabled: disabled$4,
   iconOpen,
   icons,
   clearAll,
@@ -28295,7 +28285,7 @@ const getTextWidth = (text2, font) => {
 };
 const FONT_SIZE = "14px";
 const FONT_SIZE_SMALL = "12px";
-const FONT_FAMILY = "Lato";
+const FONT_FAMILY = "Roobert";
 const FONT_FAMILY_FALLBACK = "sans-serif";
 const PADDING = 14;
 const PADDING_SMALL = 7;
@@ -29501,9 +29491,9 @@ const paginationShape = propTypes$1.exports.shape({
 Pagination.propTypes = {
   pagination: paginationShape.isRequired
 };
-const toggleBox = "_toggleBox_1xiya_337";
-const fullWidthStyleFix = "_fullWidthStyleFix_1xiya_344";
-const dismiss = "_dismiss_1xiya_349";
+const toggleBox = "_toggleBox_1lvnc_335";
+const fullWidthStyleFix = "_fullWidthStyleFix_1lvnc_342";
+const dismiss = "_dismiss_1lvnc_347";
 const styles$j = {
   toggleBox,
   fullWidthStyleFix,
@@ -29703,14 +29693,14 @@ ProgressBar$1.propTypes = {
   showProgressColors: propTypes$1.exports.bool,
   noLabel: propTypes$1.exports.bool
 };
-const wrapper = "_wrapper_dg95i_337";
-const inline$1 = "_inline_dg95i_337";
-const radio = "_radio_dg95i_341";
-const labelMargin = "_labelMargin_dg95i_344";
-const small$3 = "_small_dg95i_362";
-const noMargin$1 = "_noMargin_dg95i_366";
-const disabled$2 = "_disabled_dg95i_425";
-const isInTable = "_isInTable_dg95i_441";
+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,
@@ -29718,7 +29708,7 @@ const styles$g = {
   labelMargin,
   small: small$3,
   noMargin: noMargin$1,
-  disabled: disabled$2,
+  disabled: disabled$3,
   isInTable
 };
 const RadioInput = ({
@@ -52987,7 +52977,7 @@ function isNestedTable(element) {
   }
   return !!parentNode2.closest("table");
 }
-function cell$1(content2, node) {
+function cell(content2, node) {
   var _a2;
   var _a;
   const childNodes = [];
@@ -53015,7 +53005,7 @@ var turndownService = new TurndownService({ codeBlockStyle: "fenced", headingSty
     if (isControllerHeadingCell(node)) {
       return "";
     }
-    return cell$1(content2, node);
+    return cell(content2, node);
   }
 }).addRule("tableRow", {
   filter: "tr",
@@ -53034,7 +53024,7 @@ var turndownService = new TurndownService({ codeBlockStyle: "fenced", headingSty
         if (align) {
           border2 = alignMap[align] || border2;
         }
-        borderCells += cell$1(border2, childNode);
+        borderCells += cell(border2, childNode);
       }
     }
     return `
@@ -56424,15 +56414,14 @@ RichTextToolbar.propTypes = {
   disabled: propTypes$1.exports.bool,
   toolbarComponent: propTypes$1.exports.node
 };
-const inputInTable$4 = "_inputInTable_18f5h_337";
-const inputHover$4 = "_inputHover_18f5h_346";
-const inputFocus$4 = "_inputFocus_18f5h_351";
-const inputError$4 = "_inputError_18f5h_358";
-const inputWarning$4 = "_inputWarning_18f5h_359";
-const inputDisabled$4 = "_inputDisabled_18f5h_394";
-const hideScrollbars$4 = "_hideScrollbars_18f5h_399";
-const scrollbars$4 = "_scrollbars_18f5h_409";
-const richTextInput = "_richTextInput_18f5h_436";
+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,
@@ -56441,7 +56430,6 @@ const styles$e = {
   inputWarning: inputWarning$4,
   inputDisabled: inputDisabled$4,
   hideScrollbars: hideScrollbars$4,
-  scrollbars: scrollbars$4,
   richTextInput
 };
 const RichTextInput = forwardRef(
@@ -56501,7 +56489,7 @@ RichTextInput.propTypes = {
   value: propTypes$1.exports.string,
   toolbarComponent: propTypes$1.exports.node
 };
-const row = "_row_1c5bj_337";
+const row = "_row_1grw3_335";
 const styles$d = {
   row
 };
@@ -56652,25 +56640,24 @@ var reactFastCompare = function isEqual3(a2, b2) {
     throw error2;
   }
 };
-const inputInTable$3 = "_inputInTable_go6n4_337";
-const inputHover$3 = "_inputHover_go6n4_346";
-const inputFocus$3 = "_inputFocus_go6n4_351";
-const inputError$3 = "_inputError_go6n4_358";
-const inputWarning$3 = "_inputWarning_go6n4_359";
-const inputDisabled$3 = "_inputDisabled_go6n4_394";
-const hideScrollbars$3 = "_hideScrollbars_go6n4_399";
-const scrollbars$3 = "_scrollbars_go6n4_409";
-const sidebar = "_sidebar_go6n4_439";
-const inner = "_inner_go6n4_449";
-const title$2 = "_title_go6n4_460";
-const subtitle = "_subtitle_go6n4_461";
-const label$2 = "_label_go6n4_462";
-const collapsed = "_collapsed_go6n4_466";
-const list = "_list_go6n4_489";
-const item$2 = "_item_go6n4_495";
-const active$2 = "_active_go6n4_516";
-const experimental = "_experimental_go6n4_520";
-const icon$1 = "_icon_go6n4_523";
+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,
@@ -56679,10 +56666,9 @@ const styles$c = {
   inputWarning: inputWarning$3,
   inputDisabled: inputDisabled$3,
   hideScrollbars: hideScrollbars$3,
-  scrollbars: scrollbars$3,
   sidebar,
   inner,
-  title: title$2,
+  title: title$3,
   subtitle,
   label: label$2,
   collapsed,
@@ -58892,13 +58878,13 @@ const SliderTooltip = ({ text: text2 }) => {
   });
 };
 const rcSlider = "";
-const container = "_container_8feto_337";
-const small$2 = "_small_8feto_343";
-const hasMarks = "_hasMarks_8feto_346";
-const vertical = "_vertical_8feto_349";
-const hasArrows = "_hasArrows_8feto_353";
-const button$1 = "_button_8feto_357";
-const label$1 = "_label_8feto_360";
+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,
@@ -59110,18 +59096,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_15p4y_337";
-const inputHover$2 = "_inputHover_15p4y_346";
-const inputFocus$2 = "_inputFocus_15p4y_351";
-const inputError$2 = "_inputError_15p4y_358";
-const inputWarning$2 = "_inputWarning_15p4y_359";
-const inputDisabled$2 = "_inputDisabled_15p4y_394";
-const hideScrollbars$2 = "_hideScrollbars_15p4y_399";
-const scrollbars$2 = "_scrollbars_15p4y_409";
-const scrollWrapper = "_scrollWrapper_15p4y_446";
-const bordered = "_bordered_15p4y_474";
-const table = "_table_15p4y_480";
-const striped = "_striped_15p4y_567";
+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,
@@ -59130,18 +59121,29 @@ const styles$a = {
   inputWarning: inputWarning$2,
   inputDisabled: inputDisabled$2,
   hideScrollbars: hideScrollbars$2,
-  scrollbars: scrollbars$2,
+  cellWrapperPadding: cellWrapperPadding$3,
+  flexBlock: flexBlock$3,
   scrollWrapper,
   bordered,
+  maxHeight,
   table,
+  cellWrapper: cellWrapper$3,
+  title: title$2,
+  footer: footer$1,
   striped
 };
-const title$1 = "_title_83v84_337";
+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,
+  cellWrapper: cellWrapper$2,
   title: title$1
 };
 const Title$1 = (props) => {
-  const { name: name2, actions: actions2, actionsRight, testId } = props;
+  const { colSpan, name: name2, actions: actions2, actionsRight, testId } = props;
   const isNameDefined = name2 !== null;
   const isActionsDefined = actions2 !== null;
   if (!isNameDefined && !isActionsDefined) {
@@ -59161,17 +59163,21 @@ const Title$1 = (props) => {
       children: actionsComponent
     });
   };
-  return /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
-    className: styles$9.title,
-    children: [
-      isNameDefined ? /* @__PURE__ */ jsxRuntime.exports.jsx(Heading$2, {
-        children: /* @__PURE__ */ jsxRuntime.exports.jsx("span", {
-          "data-testid": testId,
-          children: name2
-        })
-      }) : null,
-      actionsContainer()
-    ]
+  return /* @__PURE__ */ jsxRuntime.exports.jsx("tr", {
+    children: /* @__PURE__ */ jsxRuntime.exports.jsx("th", {
+      colSpan,
+      className: styles$9.cellWrapper,
+      children: /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
+        className: styles$9.title,
+        children: [
+          isNameDefined ? /* @__PURE__ */ jsxRuntime.exports.jsx("span", {
+            "data-testid": testId,
+            children: name2
+          }) : null,
+          actionsContainer()
+        ]
+      })
+    })
   });
 };
 Title$1.defaultProps = {
@@ -59183,6 +59189,7 @@ Title$1.defaultProps = {
 Title$1.propTypes = {
   actions: actionsShape,
   actionsRight: propTypes$1.exports.bool,
+  colSpan: propTypes$1.exports.number.isRequired,
   name: propTypes$1.exports.oneOfType([
     propTypes$1.exports.string,
     propTypes$1.exports.number,
@@ -59190,8 +59197,14 @@ Title$1.propTypes = {
   ]),
   testId: propTypes$1.exports.string
 };
-const footer = "_footer_6rirt_337";
+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,
+  cellWrapper: cellWrapper$1,
   footer
 };
 const Footer = (props) => {
@@ -59258,37 +59271,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_ibs3l_337";
-const inputHover$1 = "_inputHover_ibs3l_346";
-const inputFocus$1 = "_inputFocus_ibs3l_351";
-const inputError$1 = "_inputError_ibs3l_358";
-const inputWarning$1 = "_inputWarning_ibs3l_359";
-const inputDisabled$1 = "_inputDisabled_ibs3l_394";
-const hideScrollbars$1 = "_hideScrollbars_ibs3l_399";
-const scrollbars$1 = "_scrollbars_ibs3l_409";
-const cell = "_cell_ibs3l_436";
-const disabledLink = "_disabledLink_ibs3l_446";
-const inputWrapper = "_inputWrapper_ibs3l_450";
-const breakWord = "_breakWord_ibs3l_466";
-const inputCell = "_inputCell_ibs3l_469";
-const sliderCell = "_sliderCell_ibs3l_472";
-const staticCell = "_staticCell_ibs3l_476";
-const staticCellContent = "_staticCellContent_ibs3l_479";
-const error$1 = "_error_ibs3l_492";
-const warning$2 = "_warning_ibs3l_493";
-const unit = "_unit_ibs3l_530";
-const sortingCell = "_sortingCell_ibs3l_533";
-const sortingCellIcon = "_sortingCellIcon_ibs3l_541";
-const icon = "_icon_ibs3l_548";
-const checkBoxCell = "_checkBoxCell_ibs3l_552";
-const iconCell = "_iconCell_ibs3l_556";
-const iconWrapper = "_iconWrapper_ibs3l_561";
-const actionsCell = "_actionsCell_ibs3l_565";
-const rightAligned = "_rightAligned_ibs3l_573";
-const centerAligned = "_centerAligned_ibs3l_579";
-const leftAligned = "_leftAligned_ibs3l_582";
-const popover = "_popover_ibs3l_585";
-const disabledPointerEvents = "_disabledPointerEvents_ibs3l_588";
+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,
@@ -59297,8 +59312,9 @@ const styles$7 = {
   inputWarning: inputWarning$1,
   inputDisabled: inputDisabled$1,
   hideScrollbars: hideScrollbars$1,
-  scrollbars: scrollbars$1,
-  cell,
+  cellWrapperPadding,
+  flexBlock,
+  cellWrapper,
   disabledLink,
   inputWrapper,
   breakWord,
@@ -59309,6 +59325,7 @@ const styles$7 = {
   error: error$1,
   warning: warning$2,
   unit,
+  disabled: disabled$2,
   sortingCell,
   sortingCellIcon,
   icon,
@@ -59485,76 +59502,67 @@ const getHeaderAlignment = (alignments, isHeader, rowIndex) => {
   }
 };
 const NumberInputCell = (props) => {
-  const { cell: cell2, testId } = props;
-  return /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
-    className: styles$7.inputWrapper,
-    children: /* @__PURE__ */ jsxRuntime.exports.jsx(NumberInput, {
-      name: cell2.name,
-      value: cell2.value,
-      onChange: (ev) => cell2.onChange(ev),
-      placeholder: cell2.placeholder,
-      error: cell2.error,
-      warning: cell2.warning,
-      disabled: cell2.disabled,
-      isInTable: true,
-      left: cell2.left,
-      testId,
-      tabIndex: cell2.disabled ? -1 : 0,
-      tooltip: cell2.tooltip,
-      validationCallback: cell2.validationCallback,
-      allowEmpty: cell2.allowEmpty
-    })
+  const { cell: cell2, columnAlignment, testId } = props;
+  return /* @__PURE__ */ jsxRuntime.exports.jsx(NumberInput, {
+    name: cell2.name,
+    value: cell2.value,
+    onChange: (ev) => cell2.onChange(ev),
+    placeholder: cell2.placeholder,
+    error: cell2.error,
+    warning: cell2.warning,
+    disabled: cell2.disabled,
+    isInTable: true,
+    left: cell2.left,
+    testId,
+    tabIndex: cell2.disabled ? -1 : 0,
+    tooltip: cell2.tooltip,
+    validationCallback: cell2.validationCallback,
+    allowEmpty: cell2.allowEmpty
   });
 };
 const InputCell = (props) => {
   const { cell: cell2, columnAlignment, testId } = props;
-  return /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
-    className: styles$7.inputWrapper,
-    children: /* @__PURE__ */ jsxRuntime.exports.jsx(Input$1, {
-      name: cell2.name,
-      value: cell2.value,
-      onChange: (ev) => cell2.onChange(ev),
-      placeholder: cell2.placeholder,
-      error: cell2.error,
-      warning: cell2.warning,
-      disabled: cell2.disabled,
-      isInTable: true,
-      maxTooltipWidth: cell2.maxTooltipWidth,
-      right: columnAlignment === "right",
-      testId,
-      tabIndex: cell2.disabled ? -1 : 0,
-      tooltip: cell2.tooltip
-    })
+  return /* @__PURE__ */ jsxRuntime.exports.jsx(Input$1, {
+    name: cell2.name,
+    value: cell2.value,
+    onChange: (ev) => cell2.onChange(ev),
+    placeholder: cell2.placeholder,
+    error: cell2.error,
+    warning: cell2.warning,
+    disabled: cell2.disabled,
+    isInTable: true,
+    maxTooltipWidth: cell2.maxTooltipWidth,
+    right: columnAlignment === "right",
+    testId,
+    tabIndex: cell2.disabled ? -1 : 0,
+    tooltip: cell2.tooltip
   });
 };
 const SelectCell = (props) => {
   const { cell: cell2, columnAlignment, testId } = props;
-  return /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
-    className: styles$7.inputWrapper,
-    children: /* @__PURE__ */ jsxRuntime.exports.jsx(Select, {
-      name: cell2.name,
-      borderRadius: 0,
-      menu: cell2.menu,
-      options: cell2.options,
-      onChange: (ev) => cell2.onChange(ev),
-      onCreate: cell2.onCreate ? (ev) => cell2.onCreate(ev) : void 0,
-      error: cell2.error,
-      warning: cell2.warning,
-      disabled: cell2.disabled,
-      placeholder: cell2.placeholder,
-      isInTable: true,
-      value: cell2.value,
-      native: cell2.native,
-      clearable: cell2.clearable,
-      searchable: cell2.searchable,
-      deprecatedEventHandler: cell2.deprecatedEventHandler,
-      maxTooltipWidth: cell2.maxTooltipWidth,
-      width: "100%",
-      autoLayerWidth: cell2.autoLayerWidth,
-      right: columnAlignment === "right",
-      testId,
-      tabIndex: cell2.disabled ? -1 : 0
-    })
+  return /* @__PURE__ */ jsxRuntime.exports.jsx(Select, {
+    name: cell2.name,
+    borderRadius: 0,
+    menu: cell2.menu,
+    options: cell2.options,
+    onChange: (ev) => cell2.onChange(ev),
+    onCreate: cell2.onCreate ? (ev) => cell2.onCreate(ev) : void 0,
+    error: cell2.error,
+    warning: cell2.warning,
+    disabled: cell2.disabled,
+    placeholder: cell2.placeholder,
+    isInTable: true,
+    value: cell2.value,
+    native: cell2.native,
+    clearable: cell2.clearable,
+    searchable: cell2.searchable,
+    deprecatedEventHandler: cell2.deprecatedEventHandler,
+    maxTooltipWidth: cell2.maxTooltipWidth,
+    width: cell2.width,
+    autoLayerWidth: cell2.autoLayerWidth,
+    right: columnAlignment === "right",
+    testId,
+    tabIndex: cell2.disabled ? -1 : 0
   });
 };
 const LinkCell = (props) => {
@@ -59605,18 +59613,21 @@ const CheckBoxCell = (props) => {
 };
 const SliderCell = (props) => {
   const { cell: cell2 } = props;
-  return /* @__PURE__ */ jsxRuntime.exports.jsx(Slider, {
-    label: cell2.label,
-    value: cell2.value,
-    min: cell2.min,
-    max: cell2.max,
-    step: cell2.step,
-    marks: cell2.marks,
-    onChange: (ev) => cell2.onChange(ev),
-    showArrows: cell2.showArrows,
-    showToolTop: cell2.showTooltip,
-    tooltipFormatter: cell2.tooltipFormatter,
-    disabled: cell2.disabled
+  return /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
+    className: styles$7.inputWrapper,
+    children: /* @__PURE__ */ jsxRuntime.exports.jsx(Slider, {
+      label: cell2.label,
+      value: cell2.value,
+      min: cell2.min,
+      max: cell2.max,
+      step: cell2.step,
+      marks: cell2.marks,
+      onChange: (ev) => cell2.onChange(ev),
+      showArrows: cell2.showArrows,
+      showToolTop: cell2.showTooltip,
+      tooltipFormatter: cell2.tooltipFormatter,
+      disabled: cell2.disabled
+    })
   });
 };
 const Sort = (props) => {
@@ -59681,12 +59692,22 @@ const ActionsCell = (props) => {
 };
 const StaticCell = (props) => {
   const { cell: cell2, isHeader, testId } = props;
-  const { error: error2, warning: warning2, tooltip: tooltip2, maxTooltipWidth, hasSort, onSort, type } = cell2;
+  const {
+    disabled: disabled2,
+    error: error2,
+    warning: warning2,
+    tooltip: tooltip2,
+    maxTooltipWidth,
+    hasSort,
+    onSort,
+    type
+  } = cell2;
   const field2 = /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
     className: cx$2(
       styles$7.staticCellContent,
       type === "Unit" ? styles$7.unit : "",
-      error2 ? styles$7.error : warning2 ? styles$7.warning : ""
+      error2 ? styles$7.error : warning2 ? styles$7.warning : "",
+      disabled2 ? styles$7.disabled : ""
     ),
     onClick: hasSort ? (evt) => onSort(evt) : () => {
     },
@@ -59739,24 +59760,33 @@ const PopoverCell = (props) => {
     })
   });
 };
+const InputCellWrapper = (props) => {
+  const { cell: cell2, columnAlignment, testId } = props;
+  return /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
+    className: styles$7.inputWrapper,
+    children: cell2.type === "Input" ? /* @__PURE__ */ jsxRuntime.exports.jsx(InputCell, {
+      cell: cell2,
+      columnAlignment,
+      testId
+    }) : cell2.type === "NumberInput" ? /* @__PURE__ */ jsxRuntime.exports.jsx(NumberInputCell, {
+      cell: cell2,
+      columnAlignment,
+      testId
+    }) : cell2.type === "Select" ? /* @__PURE__ */ jsxRuntime.exports.jsx(SelectCell, {
+      cell: cell2,
+      columnAlignment,
+      testId
+    }) : null
+  });
+};
 const CellWrapper = (props) => {
   const { cell: cell2, isHeader, columnAlignment, testId } = props;
   if (cell2) {
     switch (cell2.type) {
       case "Input":
-        return /* @__PURE__ */ jsxRuntime.exports.jsx(InputCell, {
-          cell: cell2,
-          columnAlignment,
-          testId
-        });
       case "NumberInput":
-        return /* @__PURE__ */ jsxRuntime.exports.jsx(NumberInputCell, {
-          cell: cell2,
-          columnAlignment,
-          testId
-        });
       case "Select":
-        return /* @__PURE__ */ jsxRuntime.exports.jsx(SelectCell, {
+        return /* @__PURE__ */ jsxRuntime.exports.jsx(InputCellWrapper, {
           cell: cell2,
           columnAlignment,
           testId
@@ -59815,33 +59845,20 @@ const Cell = (props) => {
   };
   const cellAlignmentStyle = getCellAlignment(alignment, styles$7);
   const cellAlignmentText = getCellAlignment(alignment, styles$7, true);
-  const cellTypeClassname = (type) => {
-    switch (type) {
-      case "Input":
-      case "NumberInput":
-      case "Select":
-      case "Popover":
-        return styles$7.inputCell;
-      case "Slider":
-        return styles$7.sliderCell;
-      case "CheckBox":
-        return styles$7.checkBoxCell;
-      case "Actions":
-        return styles$7.actionsCell;
-      case "Icon":
-        return styles$7.iconCell;
-      default:
-        return styles$7.staticCell;
-    }
-  };
   const className = cx$2(
-    styles$7.cell,
-    cellTypeClassname(cell2.type),
+    styles$7.cellWrapper,
+    cell2.type === "Input" || cell2.type === "NumberInput" || cell2.type === "Select" || cell2.type === "Popover" ? styles$7.inputCell : "",
+    cell2.type === "Slider" ? styles$7.sliderCell : "",
+    cell2.type === "CheckBox" ? styles$7.checkBoxCell : "",
+    cell2.type === "Actions" ? styles$7.actionsCell : "",
+    cell2.type === "Icon" ? styles$7.iconCell : "",
+    cell2.type === "Static" || cell2.type === "Link" || !cell2.type ? styles$7.staticCell : "",
     cell2.hasSort ? styles$7.sortingCell : null,
     cellAlignmentStyle,
     cell2.breakWord ? styles$7.breakWord : ""
   );
-  const width = widthProp && !(colSpan && colSpan > 1) ? widthProp : (snapshot == null ? void 0 : snapshot.isDragging) && ref2.current ? ref2.current.offsetWidth : void 0;
+  const isWidthCustomSelect = cell2.type === "Select" && cell2.native !== true && cell2.width !== void 0;
+  const width = isWidthCustomSelect ? "1%" : widthProp && !(colSpan && colSpan > 1) ? widthProp : (snapshot == null ? void 0 : snapshot.isDragging) && ref2.current ? ref2.current.offsetWidth : void 0;
   const style2 = { ...styleProp, width };
   const Element2 = isHeader ? "th" : "td";
   return /* @__PURE__ */ jsxRuntime.exports.jsx(Element2, {
@@ -60072,13 +60089,13 @@ Cell.propTypes = {
   cell: cellShape,
   testId: propTypes$1.exports.string
 };
-const clickableRow = "_clickableRow_pj6et_337";
-const hoverableRow = "_hoverableRow_pj6et_340";
-const rowActive = "_rowActive_pj6et_340";
-const expandableRow = "_expandableRow_pj6et_344";
-const flush2 = "_flush_pj6et_344";
-const dragIconCell = "_dragIconCell_pj6et_364";
-const dragIcon = "_dragIcon_pj6et_364";
+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,
@@ -60108,6 +60125,8 @@ const Row = (props) => {
     columnWidths,
     colSpan,
     hasRowActions: hasRowActions2,
+    rowsMetaData,
+    setRowsMetaData,
     provided,
     snapshot,
     draggableTable,
@@ -60120,6 +60139,24 @@ const Row = (props) => {
     isHeader,
     rowIndex
   );
+  if (rowsMetaData && setRowsMetaData) {
+    useEffect(() => {
+      if (targetRef.current) {
+        setRowsMetaData((data) => {
+          const lastElement = data[data.length - 1];
+          return [
+            ...data,
+            {
+              width: targetRef.current.offsetWidth,
+              height: targetRef.current.offsetHeight,
+              isHeader: !!isHeader,
+              stickyOffset: lastElement ? lastElement.height + lastElement.stickyOffset : 0
+            }
+          ];
+        });
+      }
+    }, []);
+  }
   const {
     onRowClick,
     onRowFocus,
@@ -60172,6 +60209,18 @@ const Row = (props) => {
       })
     });
   };
+  const stickyStyle = () => {
+    let styles2 = {};
+    const rowMetaData = rowsMetaData ? rowsMetaData[rowIndex] : void 0;
+    if (rowMetaData) {
+      styles2 = {
+        position: "sticky",
+        zIndex: 4,
+        top: rowMetaData.stickyOffset ? `${rowMetaData.stickyOffset}px` : 0
+      };
+    }
+    return styles2;
+  };
   return isHeader ? /* @__PURE__ */ jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, {
     children: [
       /* @__PURE__ */ jsxRuntime.exports.jsxs("tr", {
@@ -60184,6 +60233,7 @@ const Row = (props) => {
           onRowClick ? styles$6.clickableRow : null,
           onRowMouseEnter ? styles$6.hoverableRow : null
         ),
+        style: { ...stickyStyle() },
         children: [
           draggableTable ? /* @__PURE__ */ jsxRuntime.exports.jsx(Cell, {
             isHeader: true
@@ -60300,12 +60350,12 @@ const hasRowActions = (rows, headers) => {
 const TableScrollWrapper = ({ table: table2, children }) => {
   const {
     fixedWidth: width,
-    maxHeight,
+    maxHeight: maxHeight2,
     rows,
     infiniteScroll,
     bordered: bordered2 = true
   } = table2;
-  const pageSize = Math.ceil(window.innerHeight / 32);
+  const pageSize = Math.ceil(window.innerHeight / 38);
   const [visibleRows, setVisibleRows] = infiniteScroll ? useState(pageSize) : [rows.length, null];
   const [hasMore, setHasMore] = infiniteScroll ? useState(visibleRows < rows.length) : [false, null];
   const loadMoreItems = () => {
@@ -60320,10 +60370,10 @@ const TableScrollWrapper = ({ table: table2, children }) => {
     className: cx$2(
       styles$a.scrollWrapper,
       bordered2 ? styles$a.bordered : "",
-      maxHeight ? styles$a.maxHeight : ""
+      maxHeight2 ? styles$a.maxHeight : ""
     ),
     style: {
-      maxHeight,
+      maxHeight: maxHeight2,
       width,
       display: width === "auto" ? "inline-block" : null
     },
@@ -60341,6 +60391,7 @@ const Table = (props) => {
   var _a, _b, _c, _d, _e2, _f, _g;
   const { onListReorder, table: propTable } = props;
   const {
+    fixedWidth,
     columnWidths,
     footer: footer2,
     name: name2,
@@ -60349,6 +60400,7 @@ const Table = (props) => {
     actionsRight,
     columnHeaderAlignments,
     columnAlignment,
+    stickyHeaders,
     striped: striped2 = true,
     testId,
     draggable: draggable2,
@@ -60369,6 +60421,7 @@ const Table = (props) => {
   const columnCount = getColumnCount(propRows, headers);
   const rowActions = hasRowActions(propRows, headers);
   const colSpan = columnCount + (rowActions ? 1 : 0);
+  const [rowsMetaData, setRowsMetaData] = useState([]);
   const isLastPage = footer2 ? ((_b = (_a = footer2 == null ? void 0 : footer2.pagination) == null ? void 0 : _a.rowsPerPage) == null ? void 0 : _b.value) === 0 || ((_c = footer2 == null ? void 0 : footer2.pagination) == null ? void 0 : _c.selectedPage) >= ((_d = footer2 == null ? void 0 : footer2.pagination) == null ? void 0 : _d.rowCount) / ((_f = (_e2 = footer2 == null ? void 0 : footer2.pagination) == null ? void 0 : _e2.rowsPerPage) == null ? void 0 : _f.value) : true;
   const addEmptyTempRow = ((_g = defaultEmptyRow == null ? void 0 : defaultEmptyRow.cells) == null ? void 0 : _g.length) && onAddRow && isLastPage;
   const tempEmptyCells = addEmptyTempRow ? defaultEmptyRow.cells.map((cell2, i) => {
@@ -60418,68 +60471,66 @@ const Table = (props) => {
         children: (provided) => {
           return /* @__PURE__ */ jsxRuntime.exports.jsx(TableScrollWrapper, {
             table: table2,
-            children: ({ visibleRows }) => /* @__PURE__ */ jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, {
+            children: ({ visibleRows }) => /* @__PURE__ */ jsxRuntime.exports.jsxs("table", {
+              className: cx$2(styles$a.table, striped2 ? styles$a.striped : ""),
+              "data-testid": testId,
+              ref: provided.innerRef,
               children: [
-                /* @__PURE__ */ jsxRuntime.exports.jsx(Title$1, {
-                  actions: actions2,
-                  actionsRight,
-                  name: name2,
-                  testId: testId && `${testId}-title`
-                }),
-                /* @__PURE__ */ jsxRuntime.exports.jsxs("table", {
-                  className: cx$2(
-                    styles$a.table,
-                    striped2 ? styles$a.striped : ""
-                  ),
-                  "data-testid": testId,
-                  ref: provided.innerRef,
+                /* @__PURE__ */ jsxRuntime.exports.jsxs("thead", {
                   children: [
-                    /* @__PURE__ */ jsxRuntime.exports.jsx("thead", {
-                      children: headers.map((row2, rowIndex) => {
-                        return /* @__PURE__ */ jsxRuntime.exports.jsx(Row, {
-                          rowIndex,
-                          isHeader: true,
-                          row: row2,
-                          columnCount,
-                          columnWidths,
-                          colSpan,
-                          hasRowActions: rowActions,
-                          columnAlignment,
-                          columnHeaderAlignments,
-                          draggableTable: draggable2
-                        }, `0_${rowIndex}`);
-                      })
-                    }),
-                    /* @__PURE__ */ jsxRuntime.exports.jsxs("tbody", {
-                      children: [
-                        rows.slice(0, visibleRows).map((row2, rowIndex) => /* @__PURE__ */ jsxRuntime.exports.jsx(PublicDraggable, {
-                          draggableId: rowIndex + "",
-                          index: rowIndex,
-                          isDragDisabled: row2.noDrag,
-                          children: (provided2, snapshot) => /* @__PURE__ */ jsxRuntime.exports.jsx(Row, {
-                            rowIndex,
-                            row: row2,
-                            columnCount,
-                            columnWidths,
-                            colSpan,
-                            hasRowActions: rowActions,
-                            columnAlignment,
-                            provided: provided2,
-                            snapshot,
-                            draggableTable: draggable2,
-                            width: dimensions.width
-                          }, `1_${rowIndex}`)
-                        }, `index_${rowIndex}`)),
-                        provided.placeholder
-                      ]
+                    /* @__PURE__ */ jsxRuntime.exports.jsx(Title$1, {
+                      actions: actions2,
+                      actionsRight,
+                      name: name2,
+                      colSpan,
+                      testId: testId && `${testId}-title`
                     }),
-                    footer2 && /* @__PURE__ */ jsxRuntime.exports.jsx(Footer, {
-                      colSpan: colSpan + 1,
-                      pagination: footer2.pagination,
-                      actions: footer2.actions,
-                      content: footer2.content
+                    headers.map((row2, rowIndex) => {
+                      return /* @__PURE__ */ jsxRuntime.exports.jsx(Row, {
+                        rowIndex,
+                        isHeader: true,
+                        row: row2,
+                        columnCount,
+                        columnWidths,
+                        colSpan,
+                        hasRowActions: rowActions,
+                        columnAlignment,
+                        columnHeaderAlignments,
+                        rowsMetaData: stickyHeaders ? rowsMetaData : void 0,
+                        setRowsMetaData: stickyHeaders ? setRowsMetaData : void 0,
+                        draggableTable: draggable2
+                      }, `0_${rowIndex}`);
                     })
                   ]
+                }),
+                /* @__PURE__ */ jsxRuntime.exports.jsxs("tbody", {
+                  children: [
+                    rows.slice(0, visibleRows).map((row2, rowIndex) => /* @__PURE__ */ jsxRuntime.exports.jsx(PublicDraggable, {
+                      draggableId: rowIndex + "",
+                      index: rowIndex,
+                      isDragDisabled: row2.noDrag,
+                      children: (provided2, snapshot) => /* @__PURE__ */ jsxRuntime.exports.jsx(Row, {
+                        rowIndex,
+                        row: row2,
+                        columnCount,
+                        columnWidths,
+                        colSpan,
+                        hasRowActions: rowActions,
+                        columnAlignment,
+                        provided: provided2,
+                        snapshot,
+                        draggableTable: draggable2,
+                        width: dimensions.width
+                      }, `1_${rowIndex}`)
+                    }, `index_${rowIndex}`)),
+                    provided.placeholder
+                  ]
+                }),
+                footer2 && /* @__PURE__ */ jsxRuntime.exports.jsx(Footer, {
+                  colSpan: colSpan + 1,
+                  pagination: footer2.pagination,
+                  actions: footer2.actions,
+                  content: footer2.content
                 })
               ]
             })
@@ -60489,51 +60540,52 @@ const Table = (props) => {
     })
   }) : /* @__PURE__ */ jsxRuntime.exports.jsx(TableScrollWrapper, {
     table: table2,
-    children: ({ visibleRows }) => /* @__PURE__ */ jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, {
+    children: ({ visibleRows }) => /* @__PURE__ */ jsxRuntime.exports.jsxs("table", {
+      className: cx$2(styles$a.table, striped2 ? styles$a.striped : ""),
+      "data-testid": testId,
       children: [
-        /* @__PURE__ */ jsxRuntime.exports.jsx(Title$1, {
-          actions: actions2,
-          actionsRight,
-          name: name2,
-          testId: testId && `${testId}-title`
-        }),
-        /* @__PURE__ */ jsxRuntime.exports.jsxs("table", {
-          className: cx$2(styles$a.table, striped2 ? styles$a.striped : ""),
-          "data-testid": testId,
+        /* @__PURE__ */ jsxRuntime.exports.jsxs("thead", {
           children: [
-            /* @__PURE__ */ jsxRuntime.exports.jsx("thead", {
-              children: headers.map((row2, rowIndex) => {
-                return /* @__PURE__ */ jsxRuntime.exports.jsx(Row, {
-                  rowIndex,
-                  isHeader: true,
-                  row: row2,
-                  columnCount,
-                  columnWidths,
-                  colSpan,
-                  hasRowActions: rowActions,
-                  columnAlignment,
-                  columnHeaderAlignments
-                }, `0_${rowIndex}`);
-              })
+            /* @__PURE__ */ jsxRuntime.exports.jsx(Title$1, {
+              actions: actions2,
+              actionsRight,
+              name: name2,
+              colSpan,
+              testId: testId && `${testId}-title`
             }),
-            /* @__PURE__ */ jsxRuntime.exports.jsx("tbody", {
-              children: rows.slice(0, visibleRows).map((row2, rowIndex) => /* @__PURE__ */ jsxRuntime.exports.jsx(Row, {
+            headers.map((row2, rowIndex) => {
+              return /* @__PURE__ */ jsxRuntime.exports.jsx(Row, {
                 rowIndex,
+                isHeader: true,
                 row: row2,
                 columnCount,
                 columnWidths,
                 colSpan,
                 hasRowActions: rowActions,
-                columnAlignment
-              }, `1_${rowIndex}`))
-            }),
-            footer2 && /* @__PURE__ */ jsxRuntime.exports.jsx(Footer, {
-              colSpan,
-              pagination: footer2.pagination,
-              actions: footer2.actions,
-              content: footer2.content
+                columnAlignment,
+                columnHeaderAlignments,
+                rowsMetaData: stickyHeaders ? rowsMetaData : void 0,
+                setRowsMetaData: stickyHeaders ? setRowsMetaData : void 0
+              }, `0_${rowIndex}`);
             })
           ]
+        }),
+        /* @__PURE__ */ jsxRuntime.exports.jsx("tbody", {
+          children: rows.slice(0, visibleRows).map((row2, rowIndex) => /* @__PURE__ */ jsxRuntime.exports.jsx(Row, {
+            rowIndex,
+            row: row2,
+            columnCount,
+            columnWidths,
+            colSpan,
+            hasRowActions: rowActions,
+            columnAlignment
+          }, `1_${rowIndex}`))
+        }),
+        footer2 && /* @__PURE__ */ jsxRuntime.exports.jsx(Footer, {
+          colSpan,
+          pagination: footer2.pagination,
+          actions: footer2.actions,
+          content: footer2.content
         })
       ]
     })
@@ -60566,6 +60618,7 @@ Table.propTypes = {
       propTypes$1.exports.oneOf(["left", "right", "center", ""])
     ),
     infiniteScroll: propTypes$1.exports.bool,
+    stickyHeaders: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.bool]),
     headers: propTypes$1.exports.arrayOf(rowShape),
     rows: propTypes$1.exports.arrayOf(rowShape),
     draggable: propTypes$1.exports.bool,
@@ -60578,21 +60631,20 @@ Table.propTypes = {
     striped: propTypes$1.exports.bool,
     testId: propTypes$1.exports.string,
     onAddRow: propTypes$1.exports.func,
-    defaultEmptyRow: propTypes$1.exports.object,
-    stickyHeaders: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.bool])
+    defaultEmptyRow: propTypes$1.exports.object
   }).isRequired,
   onListReorder: propTypes$1.exports.func
 };
-const tabs = "_tabs_8mgdo_337";
-const padding = "_padding_8mgdo_343";
-const margin = "_margin_8mgdo_347";
-const contentPadding = "_contentPadding_8mgdo_350";
-const item$1 = "_item_8mgdo_353";
-const active$1 = "_active_8mgdo_382";
-const hidden = "_hidden_8mgdo_387";
-const disabled$1 = "_disabled_8mgdo_390";
-const left$1 = "_left_8mgdo_394";
-const right$1 = "_right_8mgdo_394";
+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,
@@ -60820,19 +60872,18 @@ TextLink.propTypes = {
   target: propTypes$1.exports.string,
   testId: propTypes$1.exports.string
 };
-const inputInTable = "_inputInTable_mb83o_337";
-const inputHover = "_inputHover_mb83o_346";
-const inputFocus = "_inputFocus_mb83o_351";
-const inputError = "_inputError_mb83o_358";
-const inputWarning = "_inputWarning_mb83o_359";
-const inputDisabled = "_inputDisabled_mb83o_394";
-const hideScrollbars = "_hideScrollbars_mb83o_399";
-const scrollbars = "_scrollbars_mb83o_409";
-const textarea = "_textarea_mb83o_436";
-const small$1 = "_small_mb83o_473";
-const error = "_error_mb83o_479";
-const warning$1 = "_warning_mb83o_496";
-const monospace = "_monospace_mb83o_513";
+const inputInTable = "_inputInTable_1t2x9_335";
+const inputHover = "_inputHover_1t2x9_341";
+const inputFocus = "_inputFocus_1t2x9_346";
+const inputError = "_inputError_1t2x9_353";
+const inputWarning = "_inputWarning_1t2x9_354";
+const inputDisabled = "_inputDisabled_1t2x9_389";
+const hideScrollbars = "_hideScrollbars_1t2x9_394";
+const textarea = "_textarea_1t2x9_404";
+const small$1 = "_small_1t2x9_441";
+const error = "_error_1t2x9_447";
+const warning$1 = "_warning_1t2x9_464";
+const monospace = "_monospace_1t2x9_481";
 const styles$4 = {
   inputInTable,
   inputHover,
@@ -60841,7 +60892,6 @@ const styles$4 = {
   inputWarning,
   inputDisabled,
   hideScrollbars,
-  scrollbars,
   textarea,
   small: small$1,
   error,
@@ -62026,10 +62076,10 @@ const toast = ({ id: id2, message: message2, autoClose = 6e3, onClose }) => {
     type: toastType
   });
 };
-const toggle$1 = "_toggle_1duec_345";
-const small = "_small_1duec_360";
-const disabled = "_disabled_1duec_432";
-const noMargin = "_noMargin_1duec_443";
+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,
@@ -62105,21 +62155,21 @@ Toggle.propTypes = {
   helpText: propTypes$1.exports.string,
   onClickHelp: propTypes$1.exports.func
 };
-const topbar = "_topbar_9581b_345";
-const fixed = "_fixed_9581b_356";
-const title = "_title_9581b_364";
-const logo = "_logo_9581b_380";
-const label = "_label_9581b_383";
-const brand = "_brand_9581b_388";
-const version = "_version_9581b_393";
-const left = "_left_9581b_401";
-const right = "_right_9581b_402";
-const item = "_item_9581b_419";
-const link = "_link_9581b_420";
-const button = "_button_9581b_432";
-const menu = "_menu_9581b_433";
-const active = "_active_9581b_461";
-const alert = "_alert_9581b_486";
+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,
@@ -74059,12 +74109,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_1wigv_337";
-const toggle = "_toggle_1wigv_340";
-const dropTarget = "_dropTarget_1wigv_344";
-const draggingSource = "_draggingSource_1wigv_347";
-const placeholderContainer = "_placeholderContainer_1wigv_350";
-const placeholder2 = "_placeholder_1wigv_350";
+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,