@oliasoft-open-source/react-ui-library 4.0.0-beta-3 → 4.0.0-beta-5

package/dist/index.js

@@ -2628,10 +2628,10 @@ function IconBase(props) {
   }) : elem(DefaultContext);
 }
 function TbAlertTriangle(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M12 9v2m0 4v.01" } }, { "tag": "path", "attr": { "d": "M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75" } }] })(props);
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M12 9v4" } }, { "tag": "path", "attr": { "d": "M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636 -2.87l-8.106 -13.536a1.914 1.914 0 0 0 -3.274 0z" } }, { "tag": "path", "attr": { "d": "M12 16h.01" } }] })(props);
 }
 function TbArrowBackUp(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M9 13l-4 -4l4 -4m-4 4h11a4 4 0 0 1 0 8h-1" } }] })(props);
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M9 14l-4 -4l4 -4" } }, { "tag": "path", "attr": { "d": "M5 10h11a4 4 0 1 1 0 8h-1" } }] })(props);
 }
 function TbArrowDown(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M12 5l0 14" } }, { "tag": "path", "attr": { "d": "M18 13l-6 6" } }, { "tag": "path", "attr": { "d": "M6 13l6 6" } }] })(props);
@@ -2688,13 +2688,16 @@ function TbDownload(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" } }, { "tag": "path", "attr": { "d": "M7 11l5 5l5 -5" } }, { "tag": "path", "attr": { "d": "M12 4l0 12" } }] })(props);
 }
 function TbEyeOff(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M3 3l18 18" } }, { "tag": "path", "attr": { "d": "M10.584 10.587a2 2 0 0 0 2.828 2.83" } }, { "tag": "path", "attr": { "d": "M9.363 5.365a9.466 9.466 0 0 1 2.637 -.365c4 0 7.333 2.333 10 7c-.778 1.361 -1.612 2.524 -2.503 3.488m-2.14 1.861c-1.631 1.1 -3.415 1.651 -5.357 1.651c-4 0 -7.333 -2.333 -10 -7c1.369 -2.395 2.913 -4.175 4.632 -5.341" } }] })(props);
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M10.585 10.587a2 2 0 0 0 2.829 2.828" } }, { "tag": "path", "attr": { "d": "M16.681 16.673a8.717 8.717 0 0 1 -4.681 1.327c-3.6 0 -6.6 -2 -9 -6c1.272 -2.12 2.712 -3.678 4.32 -4.674m2.86 -1.146a9.055 9.055 0 0 1 1.82 -.18c3.6 0 6.6 2 9 6c-.666 1.11 -1.379 2.067 -2.138 2.87" } }, { "tag": "path", "attr": { "d": "M3 3l18 18" } }] })(props);
 }
 function TbEye(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M12 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" } }, { "tag": "path", "attr": { "d": "M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" } }] })(props);
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" } }, { "tag": "path", "attr": { "d": "M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6" } }] })(props);
+}
+function TbHelpCircle(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" } }, { "tag": "path", "attr": { "d": "M12 16v.01" } }, { "tag": "path", "attr": { "d": "M12 13a2 2 0 0 0 .914 -3.782a1.98 1.98 0 0 0 -2.414 .483" } }] })(props);
 }
 function TbInfoCircle(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" } }, { "tag": "path", "attr": { "d": "M12 8l.01 0" } }, { "tag": "path", "attr": { "d": "M11 12l1 0l0 4l1 0" } }] })(props);
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" } }, { "tag": "path", "attr": { "d": "M12 9h.01" } }, { "tag": "path", "attr": { "d": "M11 12h1v4h1" } }] })(props);
 }
 function TbItalic(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M11 5l6 0" } }, { "tag": "path", "attr": { "d": "M7 19l6 0" } }, { "tag": "path", "attr": { "d": "M14 5l-4 14" } }] })(props);
@@ -2706,28 +2709,25 @@ function TbList(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M9 6l11 0" } }, { "tag": "path", "attr": { "d": "M9 12l11 0" } }, { "tag": "path", "attr": { "d": "M9 18l11 0" } }, { "tag": "path", "attr": { "d": "M5 6l0 .01" } }, { "tag": "path", "attr": { "d": "M5 12l0 .01" } }, { "tag": "path", "attr": { "d": "M5 18l0 .01" } }] })(props);
 }
 function TbLockOff(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M3 3l18 18" } }, { "tag": "path", "attr": { "d": "M19 19a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2h4m4 0h2a2 2 0 0 1 2 2v2" } }, { "tag": "path", "attr": { "d": "M12 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" } }, { "tag": "path", "attr": { "d": "M8 11v-3m.712 -3.278a4 4 0 0 1 7.288 2.278v4" } }] })(props);
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M15 11h2a2 2 0 0 1 2 2v2m0 4a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6a2 2 0 0 1 2 -2h4" } }, { "tag": "path", "attr": { "d": "M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0" } }, { "tag": "path", "attr": { "d": "M8 11v-3m.719 -3.289a4 4 0 0 1 7.281 2.289v4" } }, { "tag": "path", "attr": { "d": "M3 3l18 18" } }] })(props);
 }
 function TbLock(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M5 11m0 2a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z" } }, { "tag": "path", "attr": { "d": "M12 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" } }, { "tag": "path", "attr": { "d": "M8 11v-4a4 4 0 0 1 8 0v4" } }] })(props);
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6z" } }, { "tag": "path", "attr": { "d": "M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0" } }, { "tag": "path", "attr": { "d": "M8 11v-4a4 4 0 1 1 8 0v4" } }] })(props);
 }
 function TbMinus(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M5 12l14 0" } }] })(props);
 }
 function TbPencil(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M4 20h4l10.5 -10.5a1.5 1.5 0 0 0 -4 -4l-10.5 10.5v4" } }, { "tag": "path", "attr": { "d": "M13.5 6.5l4 4" } }] })(props);
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4" } }, { "tag": "path", "attr": { "d": "M13.5 6.5l4 4" } }] })(props);
 }
 function TbPlus(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M12 5l0 14" } }, { "tag": "path", "attr": { "d": "M5 12l14 0" } }] })(props);
 }
-function TbQuestionCircle(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M12 16v.01" } }, { "tag": "path", "attr": { "d": "M12 13a2 2 0 0 0 .914 -3.782a1.98 1.98 0 0 0 -2.414 .483" } }, { "tag": "path", "attr": { "d": "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" } }] })(props);
-}
 function TbRefresh(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4" } }, { "tag": "path", "attr": { "d": "M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4" } }] })(props);
 }
 function TbSettings(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" } }, { "tag": "path", "attr": { "d": "M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" } }] })(props);
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" } }, { "tag": "path", "attr": { "d": "M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" } }] })(props);
 }
 function TbSortAscending(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M4 6l7 0" } }, { "tag": "path", "attr": { "d": "M4 12l7 0" } }, { "tag": "path", "attr": { "d": "M4 18l9 0" } }, { "tag": "path", "attr": { "d": "M15 9l3 -3l3 3" } }, { "tag": "path", "attr": { "d": "M18 6l0 12" } }] })(props);
@@ -2739,13 +2739,13 @@ function TbSquareMinus(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M3 3m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z" } }, { "tag": "path", "attr": { "d": "M9 12l6 0" } }] })(props);
 }
 function TbSquarePlus(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M3 3m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z" } }, { "tag": "path", "attr": { "d": "M9 12l6 0" } }, { "tag": "path", "attr": { "d": "M12 9l0 6" } }] })(props);
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M12.5 21h-7.5a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v7.5" } }, { "tag": "path", "attr": { "d": "M16 19h6" } }, { "tag": "path", "attr": { "d": "M19 16v6" } }] })(props);
 }
 function TbStar(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" } }] })(props);
 }
 function TbTable(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z" } }, { "tag": "path", "attr": { "d": "M4 10l16 0" } }, { "tag": "path", "attr": { "d": "M10 4l0 16" } }] })(props);
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M3 5a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14z" } }, { "tag": "path", "attr": { "d": "M3 10h18" } }, { "tag": "path", "attr": { "d": "M10 3v18" } }] })(props);
 }
 function TbTrash(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M4 7l16 0" } }, { "tag": "path", "attr": { "d": "M10 11l0 6" } }, { "tag": "path", "attr": { "d": "M14 11l0 6" } }, { "tag": "path", "attr": { "d": "M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" } }, { "tag": "path", "attr": { "d": "M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" } }] })(props);
@@ -2787,7 +2787,7 @@ const DeprecatedIcon = ({ icon: icon2 }) => {
       return /* @__PURE__ */ jsxRuntime.exports.jsx(TbX, {});
     case "question":
     case "help":
-      return /* @__PURE__ */ jsxRuntime.exports.jsx(TbQuestionCircle, {});
+      return /* @__PURE__ */ jsxRuntime.exports.jsx(TbHelpCircle, {});
     case "info":
       return /* @__PURE__ */ jsxRuntime.exports.jsx(TbInfoCircle, {});
     case "table":
@@ -2864,12 +2864,12 @@ const DeprecatedIcon = ({ icon: icon2 }) => {
       return /* @__PURE__ */ jsxRuntime.exports.jsx(TbCircleFilled, {});
   }
 };
-const wrapper$4 = "_wrapper_1xihv_224";
-const customSvg = "_customSvg_1xihv_231";
-const customPng = "_customPng_1xihv_234";
-const clickable$2 = "_clickable_1xihv_239";
+const wrapper$5 = "_wrapper_18jt2_1";
+const customSvg = "_customSvg_18jt2_8";
+const customPng = "_customPng_18jt2_11";
+const clickable$2 = "_clickable_18jt2_16";
 const styles$T = {
-  wrapper: wrapper$4,
+  wrapper: wrapper$5,
   customSvg,
   customPng,
   clickable: clickable$2
@@ -2926,30 +2926,34 @@ Icon.propTypes = {
   clickable: propTypes$1.exports.bool,
   testId: propTypes$1.exports.string
 };
-const chevron = "_chevron_y7s4x_224";
-const expanded$2 = "_expanded_y7s4x_230";
+const chevron = "_chevron_9fk1o_1";
+const expanded$2 = "_expanded_9fk1o_9";
 const styles$S = {
   chevron,
   expanded: expanded$2
 };
 const Chevron = ({ expanded: expanded2 }) => {
-  return expanded2 ? /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, {
-    icon: "chevron right",
-    className: cx$2(styles$S.chevron, styles$S.expanded)
-  }) : /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, {
-    icon: "chevron right",
-    className: cx$2(styles$S.chevron)
+  return expanded2 ? /* @__PURE__ */ jsxRuntime.exports.jsx("span", {
+    className: cx$2(styles$S.chevron, styles$S.expanded),
+    children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, {
+      icon: "chevron right"
+    })
+  }) : /* @__PURE__ */ jsxRuntime.exports.jsx("span", {
+    className: cx$2(styles$S.chevron),
+    children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, {
+      icon: "chevron right"
+    })
   });
 };
-const accordion = "_accordion_1dvga_224";
-const accordionHeader = "_accordionHeader_1dvga_228";
-const heading$6 = "_heading_1dvga_232";
-const clickable$1 = "_clickable_1dvga_235";
-const bordered$4 = "_bordered_1dvga_241";
-const accordionContent = "_accordionContent_1dvga_241";
-const expanded$1 = "_expanded_1dvga_254";
-const padding$3 = "_padding_1dvga_263";
-const squareBottom = "_squareBottom_1dvga_266";
+const accordion = "_accordion_1xanb_1";
+const accordionHeader = "_accordionHeader_1xanb_5";
+const heading$6 = "_heading_1xanb_9";
+const clickable$1 = "_clickable_1xanb_12";
+const bordered$4 = "_bordered_1xanb_18";
+const accordionContent = "_accordionContent_1xanb_18";
+const expanded$1 = "_expanded_1xanb_31";
+const padding$3 = "_padding_1xanb_40";
+const squareBottom = "_squareBottom_1xanb_43";
 const styles$R = {
   accordion,
   accordionHeader,
@@ -3074,19 +3078,19 @@ Accordion.propTypes = {
   squareBottom: propTypes$1.exports.bool,
   testId: propTypes$1.exports.string
 };
-const checkbox = "_checkbox_h85m1_224";
-const noLabel = "_noLabel_h85m1_239";
-const small$e = "_small_h85m1_242";
-const checkmark = "_checkmark_h85m1_267";
-const disabled$a = "_disabled_h85m1_288";
-const noMargin$2 = "_noMargin_h85m1_302";
-const isInTable$4 = "_isInTable_h85m1_305";
+const checkbox = "_checkbox_1fv4t_1";
+const noLabel = "_noLabel_1fv4t_16";
+const small$e = "_small_1fv4t_19";
+const checkmark = "_checkmark_1fv4t_41";
+const disabled$9 = "_disabled_1fv4t_61";
+const noMargin$2 = "_noMargin_1fv4t_75";
+const isInTable$4 = "_isInTable_1fv4t_78";
 const styles$Q = {
   checkbox,
   noLabel,
   small: small$e,
   checkmark,
-  disabled: disabled$a,
+  disabled: disabled$9,
   noMargin: noMargin$2,
   isInTable: isInTable$4
 };
@@ -5064,9 +5068,9 @@ function useHover(_temp) {
     return onMouseLeave(null, true);
   }];
 }
-const tooltip = "_tooltip_1888y_224";
-const error$9 = "_error_1888y_238";
-const warning$d = "_warning_1888y_242";
+const tooltip = "_tooltip_bwonh_1";
+const error$9 = "_error_bwonh_15";
+const warning$d = "_warning_bwonh_19";
 const styles$P = {
   tooltip,
   error: error$9,
@@ -5232,9 +5236,9 @@ Tooltip.propTypes = {
   flex: propTypes$1.exports.string,
   forceOpen: propTypes$1.exports.bool
 };
-const helpIcon = "_helpIcon_1yokl_1";
-const active$9 = "_active_1yokl_7";
-const clickable = "_clickable_1yokl_10";
+const helpIcon = "_helpIcon_1uk4t_1";
+const active$9 = "_active_1uk4t_6";
+const clickable = "_clickable_1uk4t_9";
 const styles$O = {
   helpIcon,
   active: active$9,
@@ -5399,10 +5403,10 @@ CheckBox.propTypes = {
   helpText: propTypes$1.exports.string,
   onClickHelp: propTypes$1.exports.func
 };
-const bordered$3 = "_bordered_1jivm_224";
-const checkboxWrapper = "_checkboxWrapper_1jivm_230";
-const padding$2 = "_padding_1jivm_236";
-const contentWrapper = "_contentWrapper_1jivm_239";
+const bordered$3 = "_bordered_rmqrx_1";
+const checkboxWrapper = "_checkboxWrapper_rmqrx_7";
+const padding$2 = "_padding_rmqrx_13";
+const contentWrapper = "_contentWrapper_rmqrx_16";
 const styles$N = {
   bordered: bordered$3,
   checkboxWrapper,
@@ -10942,36 +10946,36 @@ var lodash = { exports: {} };
   }).call(commonjsGlobal);
 })(lodash, lodash.exports);
 const _$1 = lodash.exports;
-const wrapper$3 = "_wrapper_1kzcl_224";
-const layer$1 = "_layer_1kzcl_228";
-const layerContainer$1 = "_layerContainer_1kzcl_231";
-const nested = "_nested_1kzcl_246";
-const fileInput$1 = "_fileInput_1kzcl_258";
-const trigger$2 = "_trigger_1kzcl_264";
-const middleAlignedInline = "_middleAlignedInline_1kzcl_273";
-const heading$5 = "_heading_1kzcl_279";
-const headingIcon = "_headingIcon_1kzcl_285";
-const option$1 = "_option_1kzcl_297";
-const active$8 = "_active_1kzcl_314";
-const selected$1 = "_selected_1kzcl_319";
-const optionContent$1 = "_optionContent_1kzcl_326";
-const inline$4 = "_inline_1kzcl_331";
-const icon$5 = "_icon_1kzcl_336";
-const check$1 = "_check_1kzcl_337";
-const text$3 = "_text_1kzcl_363";
-const label$a = "_label_1kzcl_368";
-const description = "_description_1kzcl_379";
-const arrow$1 = "_arrow_1kzcl_383";
-const divider$1 = "_divider_1kzcl_387";
-const deprecatedSemanticIcon = "_deprecatedSemanticIcon_1kzcl_391";
-const disabled$9 = "_disabled_1kzcl_395";
-const buttonLabel = "_buttonLabel_1kzcl_400";
-const buttonCaret = "_buttonCaret_1kzcl_407";
-const component = "_component_1kzcl_410";
-const right$7 = "_right_1kzcl_416";
-const actions$2 = "_actions_1kzcl_421";
+const wrapper$4 = "_wrapper_ymmd2_1";
+const layer$1 = "_layer_ymmd2_5";
+const layerContainer$1 = "_layerContainer_ymmd2_8";
+const nested = "_nested_ymmd2_23";
+const fileInput$1 = "_fileInput_ymmd2_35";
+const trigger$2 = "_trigger_ymmd2_41";
+const middleAlignedInline = "_middleAlignedInline_ymmd2_50";
+const heading$5 = "_heading_ymmd2_56";
+const headingIcon = "_headingIcon_ymmd2_62";
+const option$1 = "_option_ymmd2_74";
+const active$8 = "_active_ymmd2_91";
+const selected$1 = "_selected_ymmd2_96";
+const optionContent$1 = "_optionContent_ymmd2_103";
+const inline$4 = "_inline_ymmd2_108";
+const icon$6 = "_icon_ymmd2_113";
+const check$1 = "_check_ymmd2_114";
+const text$3 = "_text_ymmd2_140";
+const label$a = "_label_ymmd2_145";
+const description = "_description_ymmd2_156";
+const arrow$1 = "_arrow_ymmd2_160";
+const divider$1 = "_divider_ymmd2_164";
+const deprecatedSemanticIcon = "_deprecatedSemanticIcon_ymmd2_168";
+const disabled$8 = "_disabled_ymmd2_172";
+const buttonLabel = "_buttonLabel_ymmd2_177";
+const buttonCaret = "_buttonCaret_ymmd2_184";
+const component = "_component_ymmd2_187";
+const right$7 = "_right_ymmd2_193";
+const actions$2 = "_actions_ymmd2_198";
 const styles$M = {
-  wrapper: wrapper$3,
+  wrapper: wrapper$4,
   layer: layer$1,
   layerContainer: layerContainer$1,
   nested,
@@ -10985,7 +10989,7 @@ const styles$M = {
   selected: selected$1,
   optionContent: optionContent$1,
   inline: inline$4,
-  icon: icon$5,
+  icon: icon$6,
   check: check$1,
   text: text$3,
   label: label$a,
@@ -10993,7 +10997,7 @@ const styles$M = {
   arrow: arrow$1,
   divider: divider$1,
   deprecatedSemanticIcon,
-  disabled: disabled$9,
+  disabled: disabled$8,
   buttonLabel,
   buttonCaret,
   component,
@@ -11129,53 +11133,53 @@ const Option$2 = ({
   });
 };
 const Section$1 = ({
-  section,
+  section: section2,
   closeOnOptionClick,
   close: close2,
   tree: tree2,
   path,
-  maxHeight: maxHeight2
+  maxHeight
 }) => {
   const disabledContext = useContext(DisabledContext);
-  switch (section.type) {
+  switch (section2.type) {
     case "Heading":
       return /* @__PURE__ */ jsxRuntime.exports.jsx(Heading$3, {
-        label: section.label,
-        onClick: section.onClick,
-        icon: section.icon,
-        testId: section.testId
+        label: section2.label,
+        onClick: section2.onClick,
+        icon: section2.icon,
+        testId: section2.testId
       });
     case "Divider":
       return /* @__PURE__ */ jsxRuntime.exports.jsx(Divider$1, {});
     case "Option":
       return /* @__PURE__ */ jsxRuntime.exports.jsx(Option$2, {
-        actions: section.actions,
-        label: section.label,
-        url: section.url,
-        onClick: section.onClick,
-        description: section.description,
-        icon: section.icon,
-        selected: section.selected,
+        actions: section2.actions,
+        label: section2.label,
+        url: section2.url,
+        onClick: section2.onClick,
+        description: section2.description,
+        icon: section2.icon,
+        selected: section2.selected,
         closeOnOptionClick,
         close: close2,
-        disabled: section.disabled || disabledContext,
-        inline: section.inline,
-        title: section.title,
-        upload: section.upload,
-        onChange: section.onChange,
-        testId: section.testId
+        disabled: section2.disabled || disabledContext,
+        inline: section2.inline,
+        title: section2.title,
+        upload: section2.upload,
+        onChange: section2.onChange,
+        testId: section2.testId
       });
     case "Menu":
       return /* @__PURE__ */ jsxRuntime.exports.jsx(DropDownMenu, {
-        menu: section.menu,
-        title: section.title,
+        menu: section2.menu,
+        title: section2.title,
         closeOnOptionClick,
         isNested: true,
         closeParent: close2,
         tree: tree2,
         path,
-        maxHeight: maxHeight2,
-        testId: section.testId
+        maxHeight,
+        testId: section2.testId
       });
     default:
       return null;
@@ -11194,7 +11198,7 @@ const Layer$2 = ({
   close: close2,
   tree: tree2,
   path,
-  maxHeight: maxHeight2,
+  maxHeight,
   showAllButton,
   testId
 }) => {
@@ -11228,17 +11232,17 @@ 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: maxHeight2 },
+    style: { maxWidth: width, maxHeight },
     "data-testid": testId,
     children: /* @__PURE__ */ jsxRuntime.exports.jsx("ul", {
-      children: localSections.map((section, i) => /* @__PURE__ */ jsxRuntime.exports.jsx("li", {
+      children: localSections.map((section2, i) => /* @__PURE__ */ jsxRuntime.exports.jsx("li", {
         children: /* @__PURE__ */ jsxRuntime.exports.jsx(Section$1, {
-          section,
-          closeOnOptionClick: section.closeOnOptionClick,
+          section: section2,
+          closeOnOptionClick: section2.closeOnOptionClick,
           close: close2,
           tree: tree2,
           path: childPath(path, i),
-          maxHeight: maxHeight2
+          maxHeight
         })
       }, i))
     })
@@ -11250,16 +11254,16 @@ const placementOptions$1 = (placement, isNested = false) => ({
   preferY: "bottom",
   placement: placement || (isNested ? "right-start" : "bottom-start")
 });
-const wrapper$2 = "_wrapper_dt7qq_224";
-const badge = "_badge_dt7qq_228";
-const label$9 = "_label_dt7qq_233";
-const dark$1 = "_dark_dt7qq_245";
-const light = "_light_dt7qq_248";
-const small$d = "_small_dt7qq_251";
-const dot = "_dot_dt7qq_257";
-const hasChildren = "_hasChildren_dt7qq_262";
+const wrapper$3 = "_wrapper_fwejc_1";
+const badge = "_badge_fwejc_5";
+const label$9 = "_label_fwejc_10";
+const dark$1 = "_dark_fwejc_22";
+const light = "_light_fwejc_25";
+const small$d = "_small_fwejc_28";
+const dot = "_dot_fwejc_34";
+const hasChildren = "_hasChildren_fwejc_39";
 const styles$L = {
-  wrapper: wrapper$2,
+  wrapper: wrapper$3,
   badge,
   label: label$9,
   dark: dark$1,
@@ -11313,32 +11317,32 @@ Badge.propTypes = {
   margin: propTypes$1.exports.string,
   small: propTypes$1.exports.bool
 };
-const inputInTable$b = "_inputInTable_148xv_224";
-const inputHover$b = "_inputHover_148xv_230";
-const inputFocus$b = "_inputFocus_148xv_235";
-const inputError$b = "_inputError_148xv_242";
-const inputWarning$b = "_inputWarning_148xv_243";
-const inputDisabled$b = "_inputDisabled_148xv_278";
-const hideScrollbars$b = "_hideScrollbars_148xv_283";
-const button$3 = "_button_148xv_318";
-const active$7 = "_active_148xv_355";
-const green$1 = "_green_148xv_355";
-const red$1 = "_red_148xv_355";
-const orange$1 = "_orange_148xv_355";
-const icon$4 = "_icon_148xv_367";
-const iconOnly = "_iconOnly_148xv_374";
-const basic = "_basic_148xv_383";
-const muted$2 = "_muted_148xv_389";
-const disabled$8 = "_disabled_148xv_402";
-const small$c = "_small_148xv_412";
-const pill = "_pill_148xv_417";
-const round = "_round_148xv_418";
-const error$8 = "_error_148xv_495";
-const warning$c = "_warning_148xv_512";
-const inverted$1 = "_inverted_148xv_529";
-const groupOrderFirst$4 = "_groupOrderFirst_148xv_563";
-const groupOrderMiddle$4 = "_groupOrderMiddle_148xv_564";
-const groupOrderLast$4 = "_groupOrderLast_148xv_565";
+const inputInTable$b = "_inputInTable_wrbu4_1";
+const inputHover$b = "_inputHover_wrbu4_10";
+const inputFocus$b = "_inputFocus_wrbu4_15";
+const inputError$b = "_inputError_wrbu4_22";
+const inputWarning$b = "_inputWarning_wrbu4_23";
+const inputDisabled$b = "_inputDisabled_wrbu4_58";
+const hideScrollbars$b = "_hideScrollbars_wrbu4_63";
+const button$3 = "_button_wrbu4_96";
+const active$7 = "_active_wrbu4_133";
+const green$1 = "_green_wrbu4_133";
+const red$1 = "_red_wrbu4_133";
+const orange$1 = "_orange_wrbu4_133";
+const icon$5 = "_icon_wrbu4_145";
+const iconOnly = "_iconOnly_wrbu4_150";
+const basic = "_basic_wrbu4_160";
+const muted$2 = "_muted_wrbu4_166";
+const disabled$7 = "_disabled_wrbu4_178";
+const small$c = "_small_wrbu4_188";
+const pill = "_pill_wrbu4_193";
+const round = "_round_wrbu4_194";
+const error$8 = "_error_wrbu4_264";
+const warning$c = "_warning_wrbu4_281";
+const inverted$1 = "_inverted_wrbu4_298";
+const groupOrderFirst$4 = "_groupOrderFirst_wrbu4_328";
+const groupOrderMiddle$4 = "_groupOrderMiddle_wrbu4_329";
+const groupOrderLast$4 = "_groupOrderLast_wrbu4_330";
 const buttonStyles = {
   inputInTable: inputInTable$b,
   inputHover: inputHover$b,
@@ -11352,11 +11356,11 @@ const buttonStyles = {
   green: green$1,
   red: red$1,
   orange: orange$1,
-  icon: icon$4,
+  icon: icon$5,
   iconOnly,
   basic,
   muted: muted$2,
-  disabled: disabled$8,
+  disabled: disabled$7,
   small: small$c,
   pill,
   round,
@@ -11367,11 +11371,11 @@ const buttonStyles = {
   groupOrderMiddle: groupOrderMiddle$4,
   groupOrderLast: groupOrderLast$4
 };
-const spinner = "_spinner_1x3vx_224";
-const small$b = "_small_1x3vx_230";
-const tiny = "_tiny_1x3vx_234";
-const colored$1 = "_colored_1x3vx_261";
-const dark = "_dark_1x3vx_273";
+const spinner = "_spinner_qco2g_1";
+const small$b = "_small_qco2g_7";
+const tiny = "_tiny_qco2g_11";
+const colored$1 = "_colored_qco2g_38";
+const dark = "_dark_qco2g_50";
 const styles$K = {
   spinner,
   small: small$b,
@@ -11743,9 +11747,9 @@ const actionsShape = propTypes$1.exports.arrayOf(
 );
 const isMenuEmpty = (menu2) => {
   const { sections } = menu2;
-  return !isValidElement(sections) && (!sections.length || sections.every((section) => lodash.exports.isEmpty(section)));
+  return !isValidElement(sections) && (!sections.length || sections.every((section2) => lodash.exports.isEmpty(section2)));
 };
-const useContextMenu = (sections, width, placement, possiblePlacements, closeOnOptionClick, closeParent, tree2, path, groupOrder, overflowContainer, maxHeight2, testId) => {
+const useContextMenu = (sections, width, placement, possiblePlacements, closeOnOptionClick, closeParent, tree2, path, groupOrder, overflowContainer, maxHeight, testId) => {
   const { hasMousePosition, resetMousePosition, handleMouseEvent, trigger: trigger2 } = useMousePositionAsTrigger();
   const close2 = resetMousePosition;
   const isOpen2 = hasMousePosition;
@@ -11771,7 +11775,7 @@ const useContextMenu = (sections, width, placement, possiblePlacements, closeOnO
         tree: tree2,
         path,
         groupOrder,
-        maxHeight: maxHeight2,
+        maxHeight,
         testId: testId && `${testId}-layer`
       })
     })
@@ -11848,7 +11852,7 @@ const DropDownMenu = ({
   path,
   groupOrder,
   overflowContainer,
-  maxHeight: maxHeight2,
+  maxHeight,
   testId,
   open: openProp,
   setOpen: setOpenProp,
@@ -11892,9 +11896,9 @@ const DropDownMenu = ({
       close2();
       return;
     }
-    siblings(tree2, path).forEach((section) => {
-      if (section.close) {
-        section.close();
+    siblings(tree2, path).forEach((section2) => {
+      if (section2.close) {
+        section2.close();
       }
     });
     open();
@@ -11939,7 +11943,7 @@ const DropDownMenu = ({
             tree: tree2,
             path,
             groupOrder,
-            maxHeight: maxHeight2,
+            maxHeight,
             showAllButton,
             testId: testId && `${testId}-layer`
           })
@@ -12051,9 +12055,9 @@ Menu.propTypes = {
   open: propTypes$1.exports.bool,
   setOpen: propTypes$1.exports.func
 };
-const actions$1 = "_actions_1r0im_224";
-const actionComponentContainer = "_actionComponentContainer_1r0im_234";
-const active$6 = "_active_1r0im_256";
+const actions$1 = "_actions_acped_1";
+const actionComponentContainer = "_actionComponentContainer_acped_11";
+const active$6 = "_active_acped_33";
 const styles$J = {
   actions: actions$1,
   actionComponentContainer,
@@ -12157,18 +12161,18 @@ Actions.propTypes = {
   actions: actionsShape,
   right: propTypes$1.exports.bool
 };
-const breadcrumb = "_breadcrumb_1ramj_224";
-const small$a = "_small_1ramj_227";
-const labelContainer = "_labelContainer_1ramj_230";
-const active$5 = "_active_1ramj_240";
-const disabled$7 = "_disabled_1ramj_245";
-const separator = "_separator_1ramj_250";
+const breadcrumb = "_breadcrumb_eju7k_1";
+const small$a = "_small_eju7k_4";
+const labelContainer = "_labelContainer_eju7k_7";
+const active$5 = "_active_eju7k_17";
+const disabled$6 = "_disabled_eju7k_22";
+const separator = "_separator_eju7k_27";
 const styles$I = {
   breadcrumb,
   small: small$a,
   labelContainer,
   active: active$5,
-  disabled: disabled$7,
+  disabled: disabled$6,
   separator
 };
 const Link$2 = ({
@@ -12238,8 +12242,8 @@ Breadcrumb.propTypes = {
   ).isRequired,
   small: propTypes$1.exports.bool
 };
-const label$8 = "_label_15dbq_224";
-const buttonGroup = "_buttonGroup_15dbq_234";
+const label$8 = "_label_1m8h2_1";
+const buttonGroup = "_buttonGroup_1m8h2_11";
 const styles$H = {
   label: label$8,
   buttonGroup
@@ -12350,13 +12354,13 @@ ButtonGroup.propTypes = {
   value: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   testId: propTypes$1.exports.string
 };
-const card = "_card_1ocyx_224";
-const bordered$2 = "_bordered_1ocyx_227";
-const raised = "_raised_1ocyx_233";
-const cardHeader = "_cardHeader_1ocyx_236";
-const cardContentBorderTop = "_cardContentBorderTop_1ocyx_241";
-const padding$1 = "_padding_1ocyx_244";
-const cardContent = "_cardContent_1ocyx_241";
+const card = "_card_w1z7w_1";
+const bordered$2 = "_bordered_w1z7w_4";
+const raised = "_raised_w1z7w_10";
+const cardHeader = "_cardHeader_w1z7w_13";
+const cardContentBorderTop = "_cardContentBorderTop_w1z7w_19";
+const padding$1 = "_padding_w1z7w_22";
+const cardContent = "_cardContent_w1z7w_19";
 const styles$G = {
   card,
   bordered: bordered$2,
@@ -13611,7 +13615,7 @@ const StyledColumn = styled.div`
     min-height: 0;
     display: ${(p) => p.flexbox && !p.scroll ? "flex" : "block"};
     ${(p) => p.flexbox && `flex-direction: column;`}
-    padding: ${(p) => p.padding === true ? "16px 20px" : p.padding};
+    padding: ${(p) => p.padding === true ? "var(--padding)" : p.padding};
   }
 `;
 const Column = ({
@@ -13685,23 +13689,23 @@ Column.propTypes = {
   widthTablet: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   testId: propTypes$1.exports.string
 };
-const divider = "_divider_7ub0u_224";
-const alignLeft = "_alignLeft_7ub0u_235";
-const alignRight = "_alignRight_7ub0u_238";
+const divider = "_divider_2bfzh_1";
+const alignLeft = "_alignLeft_2bfzh_12";
+const alignRight = "_alignRight_2bfzh_15";
 const styles$F = {
   divider,
   alignLeft,
   alignRight
 };
-const bold$1 = "_bold_142q0_224";
-const center = "_center_142q0_227";
-const muted$1 = "_muted_142q0_230";
-const faint = "_faint_142q0_233";
-const success$1 = "_success_142q0_236";
-const warning$b = "_warning_142q0_239";
-const error$7 = "_error_142q0_242";
-const small$9 = "_small_142q0_245";
-const link$1 = "_link_142q0_248";
+const bold$1 = "_bold_11ofj_1";
+const center = "_center_11ofj_4";
+const muted$1 = "_muted_11ofj_7";
+const faint = "_faint_11ofj_10";
+const success$1 = "_success_11ofj_13";
+const warning$b = "_warning_11ofj_16";
+const error$7 = "_error_11ofj_19";
+const small$9 = "_small_11ofj_22";
+const link$1 = "_link_11ofj_25";
 const styles$E = {
   bold: bold$1,
   center,
@@ -13799,9 +13803,9 @@ Divider.propTypes = {
   color: propTypes$1.exports.string,
   align: propTypes$1.exports.string
 };
-const heading$4 = "_heading_1nnxz_224";
-const top$1 = "_top_1nnxz_232";
-const icons$2 = "_icons_1nnxz_244";
+const heading$4 = "_heading_19ope_1";
+const top$1 = "_top_19ope_9";
+const icons$2 = "_icons_19ope_21";
 const styles$D = {
   heading: heading$4,
   top: top$1,
@@ -13880,21 +13884,21 @@ Heading$2.propTypes = {
   top: propTypes$1.exports.bool,
   testId: propTypes$1.exports.string
 };
-const dialog = "_dialog_11kaj_1";
-const inline$3 = "_inline_11kaj_19";
-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$3 = "_footer_11kaj_53";
+const dialog = "_dialog_15xxd_1";
+const inline$3 = "_inline_15xxd_18";
+const scroll$3 = "_scroll_15xxd_21";
+const header$2 = "_header_15xxd_24";
+const dismiss$2 = "_dismiss_15xxd_33";
+const content$3 = "_content_15xxd_38";
+const footer$2 = "_footer_15xxd_47";
 const styles$C = {
   dialog,
   inline: inline$3,
-  scroll: scroll$2,
+  scroll: scroll$3,
   header: header$2,
   dismiss: dismiss$2,
   content: content$3,
-  footer: footer$3
+  footer: footer$2
 };
 const convertStringToJsx = (children) => {
   if (lodash.exports.isArray(children)) {
@@ -13940,8 +13944,11 @@ const Dialog = ({ dialog: dialog2 }) => {
           }),
           onClose ? /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
             className: styles$C.dismiss,
-            children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, {
+            children: /* @__PURE__ */ jsxRuntime.exports.jsx(Button$1, {
               icon: "close",
+              round: true,
+              basic: true,
+              colored: "muted",
               onClick: onClose
             })
           }) : null
@@ -13981,30 +13988,30 @@ const dialogShape = propTypes$1.exports.shape({
 Dialog.propTypes = {
   dialog: dialogShape.isRequired
 };
-const inputInTable$a = "_inputInTable_dhso7_224";
-const inputHover$a = "_inputHover_dhso7_230";
-const inputFocus$a = "_inputFocus_dhso7_235";
-const inputError$a = "_inputError_dhso7_242";
-const inputWarning$a = "_inputWarning_dhso7_243";
-const inputDisabled$a = "_inputDisabled_dhso7_278";
-const hideScrollbars$a = "_hideScrollbars_dhso7_283";
-const inline$2 = "_inline_dhso7_305";
-const left$2 = "_left_dhso7_308";
-const right$6 = "_right_dhso7_311";
-const fixed$1 = "_fixed_dhso7_314";
-const border$1 = "_border_dhso7_326";
-const shadow = "_shadow_dhso7_332";
-const drawerContent = "_drawerContent_dhso7_335";
-const isResizing = "_isResizing_dhso7_347";
-const toggleButton = "_toggleButton_dhso7_358";
-const top = "_top_dhso7_371";
-const bottom = "_bottom_dhso7_374";
-const toggleButtonOpen = "_toggleButtonOpen_dhso7_377";
-const tabs$1 = "_tabs_dhso7_380";
-const tab$1 = "_tab_dhso7_380";
-const active$4 = "_active_dhso7_411";
-const tabsContent = "_tabsContent_dhso7_433";
-const resizeHandle = "_resizeHandle_dhso7_439";
+const inputInTable$a = "_inputInTable_1rtzu_1";
+const inputHover$a = "_inputHover_1rtzu_10";
+const inputFocus$a = "_inputFocus_1rtzu_15";
+const inputError$a = "_inputError_1rtzu_22";
+const inputWarning$a = "_inputWarning_1rtzu_23";
+const inputDisabled$a = "_inputDisabled_1rtzu_58";
+const hideScrollbars$a = "_hideScrollbars_1rtzu_63";
+const inline$2 = "_inline_1rtzu_87";
+const left$2 = "_left_1rtzu_90";
+const right$6 = "_right_1rtzu_93";
+const fixed$1 = "_fixed_1rtzu_96";
+const border$1 = "_border_1rtzu_108";
+const shadow = "_shadow_1rtzu_114";
+const drawerContent = "_drawerContent_1rtzu_117";
+const isResizing = "_isResizing_1rtzu_129";
+const toggleButton = "_toggleButton_1rtzu_140";
+const top = "_top_1rtzu_153";
+const bottom = "_bottom_1rtzu_156";
+const toggleButtonOpen = "_toggleButtonOpen_1rtzu_159";
+const tabs$1 = "_tabs_1rtzu_162";
+const tab$1 = "_tab_1rtzu_162";
+const active$4 = "_active_1rtzu_194";
+const tabsContent = "_tabsContent_1rtzu_216";
+const resizeHandle = "_resizeHandle_1rtzu_222";
 const styles$B = {
   inputInTable: inputInTable$a,
   inputHover: inputHover$a,
@@ -16346,8 +16353,8 @@ Drawer.propTypes = {
   onClose: propTypes$1.exports.func,
   onOpen: propTypes$1.exports.func
 };
-const empty$2 = "_empty_18pb9_224";
-const text$2 = "_text_18pb9_234";
+const empty$2 = "_empty_cs57m_1";
+const text$2 = "_text_cs57m_11";
 const styles$A = {
   empty: empty$2,
   text: text$2
@@ -16414,7 +16421,7 @@ Empty.propTypes = {
   text: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.node]),
   children: propTypes$1.exports.node
 };
-const inputGroup = "_inputGroup_hze61_224";
+const inputGroup = "_inputGroup_biuoa_1";
 const styles$z = {
   inputGroup
 };
@@ -16450,22 +16457,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_seggu_224";
-const inputHover$9 = "_inputHover_seggu_230";
-const inputFocus$9 = "_inputFocus_seggu_235";
-const inputError$9 = "_inputError_seggu_242";
-const inputWarning$9 = "_inputWarning_seggu_243";
-const inputDisabled$9 = "_inputDisabled_seggu_278";
-const hideScrollbars$9 = "_hideScrollbars_seggu_283";
-const input$1 = "_input_seggu_224";
-const isInTable$3 = "_isInTable_seggu_314";
-const small$8 = "_small_seggu_332";
-const error$6 = "_error_seggu_338";
-const warning$a = "_warning_seggu_355";
-const right$5 = "_right_seggu_377";
-const groupOrderFirst$3 = "_groupOrderFirst_seggu_380";
-const groupOrderMiddle$3 = "_groupOrderMiddle_seggu_381";
-const groupOrderLast$3 = "_groupOrderLast_seggu_382";
+const inputInTable$9 = "_inputInTable_dn9qx_1";
+const inputHover$9 = "_inputHover_dn9qx_10";
+const inputFocus$9 = "_inputFocus_dn9qx_15";
+const inputError$9 = "_inputError_dn9qx_22";
+const inputWarning$9 = "_inputWarning_dn9qx_23";
+const inputDisabled$9 = "_inputDisabled_dn9qx_58";
+const hideScrollbars$9 = "_hideScrollbars_dn9qx_63";
+const input$1 = "_input_dn9qx_1";
+const isInTable$3 = "_isInTable_dn9qx_94";
+const small$8 = "_small_dn9qx_115";
+const error$6 = "_error_dn9qx_121";
+const warning$a = "_warning_dn9qx_138";
+const right$5 = "_right_dn9qx_160";
+const groupOrderFirst$3 = "_groupOrderFirst_dn9qx_163";
+const groupOrderMiddle$3 = "_groupOrderMiddle_dn9qx_164";
+const groupOrderLast$3 = "_groupOrderLast_dn9qx_165";
 const styles$y = {
   inputInTable: inputInTable$9,
   inputHover: inputHover$9,
@@ -16725,9 +16732,9 @@ FileInput.propTypes = {
   onChange: propTypes$1.exports.func,
   testId: propTypes$1.exports.string
 };
-const label$7 = "_label_grpfr_224";
-const labelLeft$1 = "_labelLeft_grpfr_228";
-const icons$1 = "_icons_grpfr_236";
+const label$7 = "_label_191gc_1";
+const labelLeft$1 = "_labelLeft_191gc_5";
+const icons$1 = "_icons_191gc_13";
 const styles$w = {
   label: label$7,
   labelLeft: labelLeft$1,
@@ -16834,17 +16841,17 @@ Label$2.propTypes = {
   }),
   labelLeft: propTypes$1.exports.bool
 };
-const field = "_field_1q41r_224";
-const labelLeft = "_labelLeft_1q41r_228";
-const fieldInput = "_fieldInput_1q41r_232";
-const formRow$1 = "_formRow_1q41r_235";
-const button$2 = "_button_1q41r_245";
+const field = "_field_1j8sr_1";
+const labelLeft = "_labelLeft_1j8sr_5";
+const fieldInput = "_fieldInput_1j8sr_9";
+const formRow$1 = "_formRow_1j8sr_12";
+const button$2 = "_button_1j8sr_22";
 const styles$v = {
   field,
   labelLeft,
   fieldInput,
   formRow: formRow$1,
-  "form-row": "_form-row_1q41r_236",
+  "form-row": "_form-row_1j8sr_13",
   button: button$2
 };
 const Field = ({
@@ -16948,7 +16955,7 @@ const Flex = ({
       justifyContent,
       height,
       flexWrap: wrap2 ? "wrap" : "nowrap",
-      gap: gap === false ? 0 : gap === true ? "20px" : gap
+      gap: gap === false ? 0 : gap === true ? "var(--spacing)" : gap
     },
     children
   });
@@ -16975,7 +16982,7 @@ Flex.propTypes = {
     propTypes$1.exports.number
   ])
 };
-const formRow = "_formRow_1t48e_224";
+const formRow = "_formRow_1m3f8_1";
 const styles$u = {
   formRow
 };
@@ -17020,7 +17027,7 @@ const Grid = ({
     columns,
     columnsTablet,
     columnsMobile,
-    gap: gap === false ? 0 : gap === true ? "20px" : gap,
+    gap: gap === false ? 0 : gap === true ? "var(--spacing)" : gap,
     height,
     children
   });
@@ -17047,11 +17054,11 @@ Grid.propTypes = {
   height: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   children: propTypes$1.exports.node
 };
-const addon = "_addon_6pbry_224";
-const small$7 = "_small_6pbry_235";
-const groupOrderFirst$2 = "_groupOrderFirst_6pbry_239";
-const groupOrderMiddle$2 = "_groupOrderMiddle_6pbry_240";
-const groupOrderLast$2 = "_groupOrderLast_6pbry_244";
+const addon = "_addon_b4w53_1";
+const small$7 = "_small_b4w53_12";
+const groupOrderFirst$2 = "_groupOrderFirst_b4w53_16";
+const groupOrderMiddle$2 = "_groupOrderMiddle_b4w53_17";
+const groupOrderLast$2 = "_groupOrderLast_b4w53_21";
 const styles$t = {
   addon,
   small: small$7,
@@ -18955,7 +18962,7 @@ var noSpacing = {
   bottom: 0,
   left: 0
 };
-var scroll$1 = function scroll(target, frame2) {
+var scroll$2 = function scroll(target, frame2) {
   if (!frame2) {
     return target;
   }
@@ -18976,7 +18983,7 @@ var clip = function clip2(target, frame2) {
 };
 var getSubject = function(_ref) {
   var page2 = _ref.page, withPlaceholder = _ref.withPlaceholder, axis = _ref.axis, frame2 = _ref.frame;
-  var scrolled = scroll$1(page2.marginBox, frame2);
+  var scrolled = scroll$2(page2.marginBox, frame2);
   var increased = increase(scrolled, axis, withPlaceholder);
   var clipped = clip(increased, frame2);
   return {
@@ -25994,42 +26001,42 @@ var InfiniteScroll = function(_super) {
   };
   return InfiniteScroll2;
 }(Component$1);
-const inputInTable$8 = "_inputInTable_4on4j_224";
-const inputHover$8 = "_inputHover_4on4j_230";
-const inputFocus$8 = "_inputFocus_4on4j_235";
-const inputError$8 = "_inputError_4on4j_242";
-const inputWarning$8 = "_inputWarning_4on4j_243";
-const inputDisabled$8 = "_inputDisabled_4on4j_278";
-const hideScrollbars$8 = "_hideScrollbars_4on4j_283";
-const header$1 = "_header_4on4j_293";
-const headerTitle = "_headerTitle_4on4j_293";
-const heading$3 = "_heading_4on4j_294";
-const itemHeader = "_itemHeader_4on4j_294";
-const narrow = "_narrow_4on4j_297";
-const stickyHeader = "_stickyHeader_4on4j_301";
-const title$4 = "_title_4on4j_312";
-const name = "_name_4on4j_318";
-const iconTooltipMargin = "_iconTooltipMargin_4on4j_321";
-const bold = "_bold_4on4j_324";
-const toggleNarrow = "_toggleNarrow_4on4j_333";
-const drag$1 = "_drag_4on4j_351";
-const list$1 = "_list_4on4j_371";
-const bordered$1 = "_bordered_4on4j_375";
-const item$4 = "_item_4on4j_294";
-const action = "_action_4on4j_408";
-const active$3 = "_active_4on4j_411";
-const disabled$6 = "_disabled_4on4j_426";
-const label$6 = "_label_4on4j_437";
-const details$2 = "_details_4on4j_444";
-const metadata = "_metadata_4on4j_445";
-const itemContent = "_itemContent_4on4j_454";
-const indentIcon = "_indentIcon_4on4j_461";
-const expandIcon = "_expandIcon_4on4j_465";
-const expanded = "_expanded_4on4j_471";
-const right$4 = "_right_4on4j_474";
-const actions = "_actions_4on4j_481";
-const scrollableList = "_scrollableList_4on4j_486";
-const hideScrollbar = "_hideScrollbar_4on4j_283";
+const inputInTable$8 = "_inputInTable_8naxt_1";
+const inputHover$8 = "_inputHover_8naxt_10";
+const inputFocus$8 = "_inputFocus_8naxt_15";
+const inputError$8 = "_inputError_8naxt_22";
+const inputWarning$8 = "_inputWarning_8naxt_23";
+const inputDisabled$8 = "_inputDisabled_8naxt_58";
+const hideScrollbars$8 = "_hideScrollbars_8naxt_63";
+const header$1 = "_header_8naxt_73";
+const headerTitle = "_headerTitle_8naxt_73";
+const heading$3 = "_heading_8naxt_74";
+const itemHeader = "_itemHeader_8naxt_74";
+const narrow = "_narrow_8naxt_77";
+const stickyHeader = "_stickyHeader_8naxt_81";
+const title$3 = "_title_8naxt_92";
+const name = "_name_8naxt_98";
+const iconTooltipMargin = "_iconTooltipMargin_8naxt_101";
+const bold = "_bold_8naxt_104";
+const toggleNarrow = "_toggleNarrow_8naxt_113";
+const drag$1 = "_drag_8naxt_131";
+const list$1 = "_list_8naxt_151";
+const bordered$1 = "_bordered_8naxt_155";
+const item$4 = "_item_8naxt_74";
+const action = "_action_8naxt_188";
+const active$3 = "_active_8naxt_191";
+const disabled$5 = "_disabled_8naxt_206";
+const label$6 = "_label_8naxt_217";
+const details$2 = "_details_8naxt_224";
+const metadata = "_metadata_8naxt_225";
+const itemContent = "_itemContent_8naxt_234";
+const indentIcon = "_indentIcon_8naxt_241";
+const expandIcon = "_expandIcon_8naxt_245";
+const expanded = "_expanded_8naxt_251";
+const right$4 = "_right_8naxt_254";
+const actions = "_actions_8naxt_262";
+const scrollableList = "_scrollableList_8naxt_267";
+const hideScrollbar = "_hideScrollbar_8naxt_63";
 const listStyles = {
   inputInTable: inputInTable$8,
   inputHover: inputHover$8,
@@ -26044,7 +26051,7 @@ const listStyles = {
   itemHeader,
   narrow,
   stickyHeader,
-  title: title$4,
+  title: title$3,
   name,
   iconTooltipMargin,
   bold,
@@ -26055,7 +26062,7 @@ const listStyles = {
   item: item$4,
   action,
   active: active$3,
-  disabled: disabled$6,
+  disabled: disabled$5,
   label: label$6,
   details: details$2,
   metadata,
@@ -26642,13 +26649,13 @@ List.propTypes = {
   }),
   testId: propTypes$1.exports.string
 };
-const loader = "_loader_159ij_224";
-const fullViewPortSize = "_fullViewPortSize_159ij_230";
-const cover = "_cover_159ij_237";
-const dimmer = "_dimmer_159ij_244";
-const content$2 = "_content_159ij_267";
-const text$1 = "_text_159ij_272";
-const details$1 = "_details_159ij_276";
+const loader = "_loader_16v7q_1";
+const fullViewPortSize = "_fullViewPortSize_16v7q_7";
+const cover = "_cover_16v7q_14";
+const dimmer = "_dimmer_16v7q_21";
+const content$2 = "_content_16v7q_44";
+const text$1 = "_text_16v7q_49";
+const details$1 = "_details_16v7q_53";
 const styles$s = {
   loader,
   fullViewPortSize,
@@ -26722,27 +26729,27 @@ Loader.propTypes = {
   testId: propTypes$1.exports.string,
   theme: propTypes$1.exports.string
 };
-const inputInTable$7 = "_inputInTable_4mmp1_224";
-const inputHover$7 = "_inputHover_4mmp1_230";
-const inputFocus$7 = "_inputFocus_4mmp1_235";
-const inputError$7 = "_inputError_4mmp1_242";
-const inputWarning$7 = "_inputWarning_4mmp1_243";
-const inputDisabled$7 = "_inputDisabled_4mmp1_278";
-const hideScrollbars$7 = "_hideScrollbars_4mmp1_283";
-const container$1 = "_container_4mmp1_299";
-const block$1 = "_block_4mmp1_317";
-const info = "_info_4mmp1_320";
-const success = "_success_4mmp1_324";
-const warning$6 = "_warning_4mmp1_328";
-const error$4 = "_error_4mmp1_332";
-const content$1 = "_content_4mmp1_336";
-const heading$2 = "_heading_4mmp1_340";
-const icon$3 = "_icon_4mmp1_348";
-const dismiss$1 = "_dismiss_4mmp1_349";
-const absolute = "_absolute_4mmp1_362";
-const legendToggle = "_legendToggle_4mmp1_367";
-const detailsText = "_detailsText_4mmp1_383";
-const footer$2 = "_footer_4mmp1_387";
+const inputInTable$7 = "_inputInTable_kf5fv_1";
+const inputHover$7 = "_inputHover_kf5fv_10";
+const inputFocus$7 = "_inputFocus_kf5fv_15";
+const inputError$7 = "_inputError_kf5fv_22";
+const inputWarning$7 = "_inputWarning_kf5fv_23";
+const inputDisabled$7 = "_inputDisabled_kf5fv_58";
+const hideScrollbars$7 = "_hideScrollbars_kf5fv_63";
+const container$1 = "_container_kf5fv_79";
+const block$1 = "_block_kf5fv_97";
+const info = "_info_kf5fv_100";
+const success = "_success_kf5fv_104";
+const warning$6 = "_warning_kf5fv_108";
+const error$4 = "_error_kf5fv_112";
+const content$1 = "_content_kf5fv_116";
+const heading$2 = "_heading_kf5fv_120";
+const icon$4 = "_icon_kf5fv_127";
+const dismiss$1 = "_dismiss_kf5fv_135";
+const absolute = "_absolute_kf5fv_139";
+const legendToggle = "_legendToggle_kf5fv_148";
+const detailsText = "_detailsText_kf5fv_158";
+const footer$1 = "_footer_kf5fv_162";
 const styles$r = {
   inputInTable: inputInTable$7,
   inputHover: inputHover$7,
@@ -26759,21 +26766,21 @@ const styles$r = {
   error: error$4,
   content: content$1,
   heading: heading$2,
-  icon: icon$3,
+  icon: icon$4,
   dismiss: dismiss$1,
   absolute,
   legendToggle,
   detailsText,
-  footer: footer$2
+  footer: footer$1
 };
-const Dismiss = ({ type, onClose, isInToast }) => {
+const Dismiss = ({ onClose, isInToast }) => {
   return /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
-    className: cx$2(
-      styles$r.dismiss,
-      isInToast ? styles$r.absolute : "",
-      type === "Info" ? styles$r.info : type === "Success" ? styles$r.success : type === "Warning" ? styles$r.warning : type === "Error" ? styles$r.error : null
-    ),
-    children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, {
+    className: cx$2(styles$r.dismiss, isInToast ? styles$r.absolute : ""),
+    children: /* @__PURE__ */ jsxRuntime.exports.jsx(Button$1, {
+      small: true,
+      round: true,
+      basic: true,
+      colored: "muted",
       icon: "close",
       onClick: onClose
     })
@@ -26846,7 +26853,7 @@ const Message = ({ message: message2 }) => {
     withDismiss,
     onClose,
     width,
-    maxHeight: maxHeight2
+    maxHeight
   } = message2;
   const [state, dispatch] = useReducer(reducer$1, initialState$4);
   return /* @__PURE__ */ jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment, {
@@ -26856,7 +26863,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: maxHeight2 },
+      style: { width, maxHeight },
       children: [
         /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
           children: icon2 ? /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
@@ -26931,12 +26938,12 @@ const Portal = ({ id: id2, children }) => {
 Portal.propTypes = {
   id: propTypes$1.exports.string.isRequired
 };
-const wrapper$1 = "_wrapper_x14zd_224";
-const contentContainer = "_contentContainer_x14zd_238";
-const centered = "_centered_x14zd_250";
-const newLine = "_newLine_x14zd_254";
+const wrapper$2 = "_wrapper_ijw69_1";
+const contentContainer = "_contentContainer_ijw69_15";
+const centered = "_centered_ijw69_27";
+const newLine = "_newLine_ijw69_31";
 const styles$q = {
-  wrapper: wrapper$1,
+  wrapper: wrapper$2,
   contentContainer,
   centered,
   newLine
@@ -26982,10 +26989,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_15ofb_224";
-const header = "_header_15ofb_235";
-const item$3 = "_item_15ofb_251";
-const heading$1 = "_heading_15ofb_256";
+const menu$1 = "_menu_i35rg_1";
+const header = "_header_i35rg_12";
+const item$3 = "_item_i35rg_28";
+const heading$1 = "_heading_i35rg_33";
 const styles$p = {
   menu: menu$1,
   header,
@@ -27008,10 +27015,10 @@ const Heading$1 = ({ label: label2 }) => /* @__PURE__ */ jsxRuntime.exports.jsx(
   className: styles$p.heading,
   children: label2
 });
-const Layer$1 = ({ options, onChangeOptions, showHeader, maxHeight: maxHeight2 }) => {
+const Layer$1 = ({ options, onChangeOptions, showHeader, maxHeight }) => {
   return /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
     className: cx$2("menu", styles$p.menu),
-    style: { maxHeight: maxHeight2 },
+    style: { maxHeight },
     children: [
       showHeader && /* @__PURE__ */ jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, {
         children: [
@@ -27087,7 +27094,7 @@ const OptionDropdown = ({
   options,
   onChange,
   showHeader,
-  maxHeight: maxHeight2
+  maxHeight
 }) => {
   return /* @__PURE__ */ jsxRuntime.exports.jsx(Menu, {
     menu: {
@@ -27103,7 +27110,7 @@ const OptionDropdown = ({
           onChange(evt);
         },
         showHeader,
-        maxHeight: maxHeight2
+        maxHeight
       })
     }
   });
@@ -27127,14 +27134,14 @@ OptionDropdown.propTypes = {
   showHeader: propTypes$1.exports.bool,
   maxHeight: propTypes$1.exports.string
 };
-const page = "_page_1q30j_224";
-const scroll2 = "_scroll_1q30j_246";
+const page = "_page_beskc_1";
+const scroll$1 = "_scroll_beskc_23";
 const styles$o = {
   page,
-  scroll: scroll2
+  scroll: scroll$1
 };
 const Page = ({ children, left: left2, padding: paddingProp, scroll: scroll3, top: top2 }) => {
-  const padding2 = typeof paddingProp === "string" ? paddingProp : paddingProp === true ? "20px" : "0";
+  const padding2 = typeof paddingProp === "string" ? paddingProp : paddingProp === true ? "var(--padding)" : "0";
   return /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
     className: cx$2(styles$o.page, scroll3 ? styles$o.scroll : ""),
     style: { left: left2, padding: padding2, top: top2 },
@@ -27144,9 +27151,9 @@ const Page = ({ children, left: left2, padding: paddingProp, scroll: scroll3, to
 Page.defaultProps = {
   children: null,
   padding: true,
-  left: "70px",
+  left: "48px",
   scroll: true,
-  top: "60px"
+  top: "48px"
 };
 Page.propTypes = {
   children: propTypes$1.exports.node,
@@ -27159,23 +27166,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_ewwq2_224";
-const inputHover$6 = "_inputHover_ewwq2_230";
-const inputFocus$6 = "_inputFocus_ewwq2_235";
-const inputError$6 = "_inputError_ewwq2_242";
-const inputWarning$6 = "_inputWarning_ewwq2_243";
-const inputDisabled$6 = "_inputDisabled_ewwq2_278";
-const hideScrollbars$6 = "_hideScrollbars_ewwq2_283";
-const select = "_select_ewwq2_293";
-const isInTable$2 = "_isInTable_ewwq2_334";
-const unSelected = "_unSelected_ewwq2_340";
-const error$3 = "_error_ewwq2_347";
-const warning$5 = "_warning_ewwq2_364";
-const small$6 = "_small_ewwq2_381";
-const right$3 = "_right_ewwq2_388";
-const groupOrderFirst$1 = "_groupOrderFirst_ewwq2_399";
-const groupOrderMiddle$1 = "_groupOrderMiddle_ewwq2_400";
-const groupOrderLast$1 = "_groupOrderLast_ewwq2_404";
+const inputInTable$6 = "_inputInTable_abrmf_1";
+const inputHover$6 = "_inputHover_abrmf_10";
+const inputFocus$6 = "_inputFocus_abrmf_15";
+const inputError$6 = "_inputError_abrmf_22";
+const inputWarning$6 = "_inputWarning_abrmf_23";
+const inputDisabled$6 = "_inputDisabled_abrmf_58";
+const hideScrollbars$6 = "_hideScrollbars_abrmf_63";
+const select = "_select_abrmf_73";
+const isInTable$2 = "_isInTable_abrmf_114";
+const unSelected = "_unSelected_abrmf_123";
+const error$3 = "_error_abrmf_130";
+const warning$5 = "_warning_abrmf_147";
+const small$6 = "_small_abrmf_164";
+const right$3 = "_right_abrmf_172";
+const groupOrderFirst$1 = "_groupOrderFirst_abrmf_183";
+const groupOrderMiddle$1 = "_groupOrderMiddle_abrmf_184";
+const groupOrderLast$1 = "_groupOrderLast_abrmf_188";
 const styles$n = {
   inputInTable: inputInTable$6,
   inputHover: inputHover$6,
@@ -28128,20 +28135,20 @@ var FixedSizeList = /* @__PURE__ */ createListComponent({
     }
   }
 });
-const layerContainer = "_layerContainer_19g48_224";
-const layer = "_layer_19g48_224";
-const small$5 = "_small_19g48_246";
-const heading = "_heading_19g48_249";
-const option = "_option_19g48_250";
-const message = "_message_19g48_251";
-const focused = "_focused_19g48_285";
-const selected = "_selected_19g48_289";
-const disabled$5 = "_disabled_19g48_292";
-const check = "_check_19g48_296";
-const optionContent = "_optionContent_19g48_310";
-const label$5 = "_label_19g48_315";
-const icon$2 = "_icon_19g48_322";
-const details = "_details_19g48_326";
+const layerContainer = "_layerContainer_siwvj_1";
+const layer = "_layer_siwvj_1";
+const small$5 = "_small_siwvj_23";
+const heading = "_heading_siwvj_26";
+const option = "_option_siwvj_27";
+const message = "_message_siwvj_28";
+const focused = "_focused_siwvj_64";
+const selected = "_selected_siwvj_68";
+const disabled$4 = "_disabled_siwvj_71";
+const check = "_check_siwvj_75";
+const optionContent = "_optionContent_siwvj_92";
+const label$5 = "_label_siwvj_97";
+const icon$3 = "_icon_siwvj_104";
+const details = "_details_siwvj_108";
 const styles$m = {
   layerContainer,
   layer,
@@ -28151,11 +28158,11 @@ const styles$m = {
   message,
   focused,
   selected,
-  disabled: disabled$5,
+  disabled: disabled$4,
   check,
   optionContent,
   label: label$5,
-  icon: icon$2,
+  icon: icon$3,
   details
 };
 const Heading = ({ label: label2 }) => {
@@ -28225,31 +28232,31 @@ const Option = ({
   });
 };
 const Section = ({
-  section,
+  section: section2,
   selected: selected2,
   focused: focused2,
   onSelectOption,
   closeLayer
 }) => {
   const disabledContext = useContext(DisabledContext);
-  switch (section.type) {
+  switch (section2.type) {
     case "Heading":
       return /* @__PURE__ */ jsxRuntime.exports.jsx(Heading, {
-        label: section.label
+        label: section2.label
       });
     case "Option":
     default:
       return /* @__PURE__ */ jsxRuntime.exports.jsx(Option, {
         closeLayer,
-        actions: section.actions,
-        label: section.label,
-        details: section.details,
-        icon: section.icon,
-        disabled: section.disabled || disabledContext,
+        actions: section2.actions,
+        label: section2.label,
+        details: section2.details,
+        icon: section2.icon,
+        disabled: section2.disabled || disabledContext,
         selected: selected2,
         focused: focused2,
         onSelectOption,
-        testId: section.testId
+        testId: section2.testId
       });
   }
 };
@@ -28271,7 +28278,7 @@ const Layer = ({
       listRef.current.scrollToItem(firstSelectedOptionIndex, "start");
     }
   }, []);
-  const optionHeight = small2 ? 24 : 38;
+  const optionHeight = small2 ? 24 : 32;
   return /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
     "data-testid": testId,
     className: cx$2(styles$m.layer, small2 && styles$m.small),
@@ -28306,37 +28313,37 @@ const Layer = ({
     })
   });
 };
-const inputInTable$5 = "_inputInTable_1dfay_224";
-const inputHover$5 = "_inputHover_1dfay_230";
-const inputFocus$5 = "_inputFocus_1dfay_235";
-const inputError$5 = "_inputError_1dfay_242";
-const inputWarning$5 = "_inputWarning_1dfay_243";
-const inputDisabled$5 = "_inputDisabled_1dfay_278";
-const hideScrollbars$5 = "_hideScrollbars_1dfay_283";
-const trigger$1 = "_trigger_1dfay_297";
-const isInTable$1 = "_isInTable_1dfay_312";
-const input = "_input_1dfay_224";
-const isOpen = "_isOpen_1dfay_327";
-const error$2 = "_error_1dfay_335";
-const warning$4 = "_warning_1dfay_352";
-const disabled$4 = "_disabled_1dfay_369";
-const iconOpen = "_iconOpen_1dfay_374";
-const icons = "_icons_1dfay_377";
-const clearAll = "_clearAll_1dfay_385";
-const small$4 = "_small_1dfay_394";
-const focus = "_focus_1dfay_403";
-const triggerInputContainer = "_triggerInputContainer_1dfay_417";
-const right$2 = "_right_1dfay_426";
-const multiOptions = "_multiOptions_1dfay_439";
-const multiOption = "_multiOption_1dfay_439";
-const label$4 = "_label_1dfay_471";
-const closeMultiOption = "_closeMultiOption_1dfay_474";
-const selectedSingleValue = "_selectedSingleValue_1dfay_489";
-const placeHolder = "_placeHolder_1dfay_490";
-const groupOrderFirst = "_groupOrderFirst_1dfay_529";
-const groupOrderMiddle = "_groupOrderMiddle_1dfay_530";
-const groupOrderLast = "_groupOrderLast_1dfay_534";
-const detailedLabel = "_detailedLabel_1dfay_539";
+const inputInTable$5 = "_inputInTable_1x17a_1";
+const inputHover$5 = "_inputHover_1x17a_10";
+const inputFocus$5 = "_inputFocus_1x17a_15";
+const inputError$5 = "_inputError_1x17a_22";
+const inputWarning$5 = "_inputWarning_1x17a_23";
+const inputDisabled$5 = "_inputDisabled_1x17a_58";
+const hideScrollbars$5 = "_hideScrollbars_1x17a_63";
+const trigger$1 = "_trigger_1x17a_77";
+const isInTable$1 = "_isInTable_1x17a_93";
+const input = "_input_1x17a_1";
+const isOpen = "_isOpen_1x17a_111";
+const error$2 = "_error_1x17a_119";
+const warning$4 = "_warning_1x17a_136";
+const disabled$3 = "_disabled_1x17a_153";
+const icons = "_icons_1x17a_158";
+const clearAll = "_clearAll_1x17a_165";
+const iconOpen = "_iconOpen_1x17a_166";
+const small$4 = "_small_1x17a_175";
+const triggerInputContainer = "_triggerInputContainer_1x17a_184";
+const right$2 = "_right_1x17a_193";
+const multiOptions = "_multiOptions_1x17a_206";
+const multiOption = "_multiOption_1x17a_206";
+const label$4 = "_label_1x17a_238";
+const closeMultiOption = "_closeMultiOption_1x17a_241";
+const focus = "_focus_1x17a_252";
+const selectedSingleValue = "_selectedSingleValue_1x17a_256";
+const placeHolder = "_placeHolder_1x17a_257";
+const groupOrderFirst = "_groupOrderFirst_1x17a_296";
+const groupOrderMiddle = "_groupOrderMiddle_1x17a_297";
+const groupOrderLast = "_groupOrderLast_1x17a_301";
+const detailedLabel = "_detailedLabel_1x17a_306";
 const styles$l = {
   inputInTable: inputInTable$5,
   inputHover: inputHover$5,
@@ -28351,18 +28358,18 @@ const styles$l = {
   isOpen,
   error: error$2,
   warning: warning$4,
-  disabled: disabled$4,
-  iconOpen,
+  disabled: disabled$3,
   icons,
   clearAll,
+  iconOpen,
   small: small$4,
-  focus,
   triggerInputContainer,
   right: right$2,
   multiOptions,
   multiOption,
   label: label$4,
   closeMultiOption,
+  focus,
   selectedSingleValue,
   placeHolder,
   groupOrderFirst,
@@ -28626,7 +28633,10 @@ const Trigger = ({
                 className: cx$2(styles$l.iconClear)
               })
             }) : /* @__PURE__ */ jsxRuntime.exports.jsx("span", {
-              className: cx$2(styles$l.iconOpen)
+              className: cx$2(styles$l.iconOpen),
+              children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, {
+                icon: "chevron down"
+              })
             })
           })
         ]
@@ -29452,13 +29462,11 @@ const validateSelectedPage = (selectedPage, numPages, errorMessageTemplate = "Se
   }
   return valid;
 };
-const paginationContainer = "_paginationContainer_1g3st_1";
-const pagination = "_pagination_1g3st_1";
+const paginationContainer = "_paginationContainer_1tmz4_1";
 const styles$k = {
-  paginationContainer,
-  pagination
+  paginationContainer
 };
-const Pagination = ({ pagination: pagination2 }) => {
+const Pagination = ({ pagination }) => {
   const {
     rowCount,
     selectedPage,
@@ -29466,7 +29474,7 @@ const Pagination = ({ pagination: pagination2 }) => {
     onSelectPage,
     rowsPerPage,
     errorMessageTemplate
-  } = pagination2;
+  } = pagination;
   const showAll = Number(rowsPerPage == null ? void 0 : rowsPerPage.value) === 0;
   const numPages = numberOfPages(rowCount, rowsPerPage);
   const [unvalidatedSelectedPage, setUnvalidatedSelectedPage] = useState(
@@ -29510,6 +29518,7 @@ const Pagination = ({ pagination: pagination2 }) => {
       }),
       /* @__PURE__ */ jsxRuntime.exports.jsx(Button$1, {
         small: small2,
+        round: true,
         basic: true,
         icon: /* @__PURE__ */ jsxRuntime.exports.jsx(FaAngleDoubleLeft, {}),
         onClick: () => setSelectedPage(String(1)),
@@ -29517,6 +29526,7 @@ const Pagination = ({ pagination: pagination2 }) => {
       }),
       /* @__PURE__ */ jsxRuntime.exports.jsx(Button$1, {
         small: small2,
+        round: true,
         basic: true,
         icon: /* @__PURE__ */ jsxRuntime.exports.jsx(FaAngleLeft, {}),
         onClick: () => setSelectedPage(String(selectedPage - 1)),
@@ -29545,6 +29555,7 @@ const Pagination = ({ pagination: pagination2 }) => {
       }),
       /* @__PURE__ */ jsxRuntime.exports.jsx(Button$1, {
         small: small2,
+        round: true,
         basic: true,
         icon: /* @__PURE__ */ jsxRuntime.exports.jsx(FaAngleRight, {}),
         onClick: () => setSelectedPage(String(selectedPage + 1)),
@@ -29552,6 +29563,7 @@ const Pagination = ({ pagination: pagination2 }) => {
       }),
       /* @__PURE__ */ jsxRuntime.exports.jsx(Button$1, {
         small: small2,
+        round: true,
         basic: true,
         icon: /* @__PURE__ */ jsxRuntime.exports.jsx(FaAngleDoubleRight, {}),
         onClick: () => setSelectedPage(String(numPages)),
@@ -29585,9 +29597,9 @@ const paginationShape = propTypes$1.exports.shape({
 Pagination.propTypes = {
   pagination: paginationShape.isRequired
 };
-const toggleBox = "_toggleBox_lp8eh_224";
-const fullWidthStyleFix = "_fullWidthStyleFix_lp8eh_231";
-const dismiss = "_dismiss_lp8eh_236";
+const toggleBox = "_toggleBox_j2pkg_1";
+const fullWidthStyleFix = "_fullWidthStyleFix_j2pkg_8";
+const dismiss = "_dismiss_j2pkg_13";
 const styles$j = {
   toggleBox,
   fullWidthStyleFix,
@@ -29648,9 +29660,7 @@ const Popover = ({
                     small: true,
                     round: true,
                     onClick: () => close2(),
-                    icon: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, {
-                      icon: "close"
-                    })
+                    icon: "close"
                   })
                 })
               ]
@@ -29789,22 +29799,22 @@ ProgressBar$1.propTypes = {
   showProgressColors: propTypes$1.exports.bool,
   noLabel: propTypes$1.exports.bool
 };
-const wrapper = "_wrapper_yjvuq_224";
-const inline$1 = "_inline_yjvuq_224";
-const radio = "_radio_yjvuq_228";
-const labelMargin = "_labelMargin_yjvuq_231";
-const small$3 = "_small_yjvuq_249";
-const noMargin$1 = "_noMargin_yjvuq_253";
-const disabled$3 = "_disabled_yjvuq_312";
-const isInTable = "_isInTable_yjvuq_328";
+const wrapper$1 = "_wrapper_1s098_1";
+const inline$1 = "_inline_1s098_1";
+const radio = "_radio_1s098_5";
+const labelMargin = "_labelMargin_1s098_8";
+const small$3 = "_small_1s098_26";
+const noMargin$1 = "_noMargin_1s098_30";
+const disabled$2 = "_disabled_1s098_88";
+const isInTable = "_isInTable_1s098_104";
 const styles$g = {
-  wrapper,
+  wrapper: wrapper$1,
   inline: inline$1,
   radio,
   labelMargin,
   small: small$3,
   noMargin: noMargin$1,
-  disabled: disabled$3,
+  disabled: disabled$2,
   isInTable
 };
 const RadioInput = ({
@@ -53073,7 +53083,7 @@ function isNestedTable(element) {
   }
   return !!parentNode2.closest("table");
 }
-function cell(content2, node) {
+function cell$1(content2, node) {
   var _a2;
   var _a;
   const childNodes = [];
@@ -53101,7 +53111,7 @@ var turndownService = new TurndownService({ codeBlockStyle: "fenced", headingSty
     if (isControllerHeadingCell(node)) {
       return "";
     }
-    return cell(content2, node);
+    return cell$1(content2, node);
   }
 }).addRule("tableRow", {
   filter: "tr",
@@ -53120,7 +53130,7 @@ var turndownService = new TurndownService({ codeBlockStyle: "fenced", headingSty
         if (align) {
           border2 = alignMap[align] || border2;
         }
-        borderCells += cell(border2, childNode);
+        borderCells += cell$1(border2, childNode);
       }
     }
     return `
@@ -56495,14 +56505,14 @@ RichTextToolbar.propTypes = {
   disabled: propTypes$1.exports.bool,
   toolbarComponent: propTypes$1.exports.node
 };
-const inputInTable$4 = "_inputInTable_15jsc_224";
-const inputHover$4 = "_inputHover_15jsc_230";
-const inputFocus$4 = "_inputFocus_15jsc_235";
-const inputError$4 = "_inputError_15jsc_242";
-const inputWarning$4 = "_inputWarning_15jsc_243";
-const inputDisabled$4 = "_inputDisabled_15jsc_278";
-const hideScrollbars$4 = "_hideScrollbars_15jsc_283";
-const richTextInput = "_richTextInput_15jsc_293";
+const inputInTable$4 = "_inputInTable_1v1gv_1";
+const inputHover$4 = "_inputHover_1v1gv_10";
+const inputFocus$4 = "_inputFocus_1v1gv_15";
+const inputError$4 = "_inputError_1v1gv_22";
+const inputWarning$4 = "_inputWarning_1v1gv_23";
+const inputDisabled$4 = "_inputDisabled_1v1gv_58";
+const hideScrollbars$4 = "_hideScrollbars_1v1gv_63";
+const richTextInput = "_richTextInput_1v1gv_73";
 const styles$e = {
   inputInTable: inputInTable$4,
   inputHover: inputHover$4,
@@ -56570,7 +56580,7 @@ RichTextInput.propTypes = {
   value: propTypes$1.exports.string,
   toolbarComponent: propTypes$1.exports.node
 };
-const row = "_row_i61fi_224";
+const row = "_row_n16je_1";
 const styles$d = {
   row
 };
@@ -56721,24 +56731,24 @@ var reactFastCompare = function isEqual3(a2, b2) {
     throw error2;
   }
 };
-const inputInTable$3 = "_inputInTable_1etmh_224";
-const inputHover$3 = "_inputHover_1etmh_230";
-const inputFocus$3 = "_inputFocus_1etmh_235";
-const inputError$3 = "_inputError_1etmh_242";
-const inputWarning$3 = "_inputWarning_1etmh_243";
-const inputDisabled$3 = "_inputDisabled_1etmh_278";
-const hideScrollbars$3 = "_hideScrollbars_1etmh_283";
-const sidebar = "_sidebar_1etmh_296";
-const inner = "_inner_1etmh_306";
-const title$3 = "_title_1etmh_317";
-const subtitle = "_subtitle_1etmh_318";
-const label$2 = "_label_1etmh_319";
-const collapsed = "_collapsed_1etmh_323";
-const list = "_list_1etmh_346";
-const item$2 = "_item_1etmh_352";
-const active$2 = "_active_1etmh_373";
-const experimental = "_experimental_1etmh_377";
-const icon$1 = "_icon_1etmh_380";
+const inputInTable$3 = "_inputInTable_itumk_1";
+const inputHover$3 = "_inputHover_itumk_10";
+const inputFocus$3 = "_inputFocus_itumk_15";
+const inputError$3 = "_inputError_itumk_22";
+const inputWarning$3 = "_inputWarning_itumk_23";
+const inputDisabled$3 = "_inputDisabled_itumk_58";
+const hideScrollbars$3 = "_hideScrollbars_itumk_63";
+const sidebar = "_sidebar_itumk_76";
+const inner = "_inner_itumk_87";
+const title$2 = "_title_itumk_97";
+const subtitle = "_subtitle_itumk_98";
+const label$2 = "_label_itumk_99";
+const collapsed = "_collapsed_itumk_103";
+const list = "_list_itumk_128";
+const item$2 = "_item_itumk_132";
+const active$2 = "_active_itumk_158";
+const experimental = "_experimental_itumk_162";
+const icon$2 = "_icon_itumk_165";
 const styles$c = {
   inputInTable: inputInTable$3,
   inputHover: inputHover$3,
@@ -56749,7 +56759,7 @@ const styles$c = {
   hideScrollbars: hideScrollbars$3,
   sidebar,
   inner,
-  title: title$3,
+  title: title$2,
   subtitle,
   label: label$2,
   collapsed,
@@ -56757,7 +56767,7 @@ const styles$c = {
   item: item$2,
   active: active$2,
   experimental,
-  icon: icon$1
+  icon: icon$2
 };
 const TooltipIcon = memo(
   ({ isOpen: isOpen2, label: label2, icon: icon2, invalid }) => {
@@ -56766,13 +56776,13 @@ const TooltipIcon = memo(
       enabled: !isOpen2,
       placement: "right-center",
       possiblePlacements: ["right-center"],
-      triggerOffset: 30,
+      triggerOffset: 24,
       fontSize: 16,
-      padding: "10px 16px",
+      padding: "var(--padding-card)",
       display: "block",
       children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, {
         icon: icon2,
-        size: 30,
+        size: 28,
         color: "white"
       })
     });
@@ -56823,18 +56833,18 @@ const Link$1 = ({ isOpen: isOpen2, items, sectionIndex, onClick, testId }) => {
 };
 const Sections = ({ isOpen: isOpen2, sections, onClick }) => {
   return /* @__PURE__ */ jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment, {
-    children: sections.map((section, i) => /* @__PURE__ */ jsxRuntime.exports.jsxs(React__default.Fragment, {
+    children: sections.map((section2, i) => /* @__PURE__ */ jsxRuntime.exports.jsxs(React__default.Fragment, {
       children: [
         /* @__PURE__ */ jsxRuntime.exports.jsx("h5", {
           className: styles$c.subtitle,
-          children: section.heading.toUpperCase()
+          children: section2.heading.toUpperCase()
         }),
         /* @__PURE__ */ jsxRuntime.exports.jsx(Link$1, {
           isOpen: isOpen2,
-          items: section.items,
+          items: section2.items,
           sectionindex: i,
           onClick,
-          testId: section.testId
+          testId: section2.testId
         })
       ]
     }, i))
@@ -56858,7 +56868,7 @@ const SideBar = memo(
       open: isOpen2,
       top: top2,
       background: "var(--color-background-sidebar)",
-      closedWidth: 70,
+      closedWidth: "48px",
       enableButton: visible,
       buttonPosition: "bottom",
       buttonAnimate: true,
@@ -58961,13 +58971,13 @@ const SliderTooltip = ({ text: text2 }) => {
   });
 };
 const rcSlider = "";
-const container = "_container_wl14z_224";
-const small$2 = "_small_wl14z_230";
-const hasMarks = "_hasMarks_wl14z_233";
-const vertical = "_vertical_wl14z_236";
-const hasArrows = "_hasArrows_wl14z_240";
-const button$1 = "_button_wl14z_244";
-const label$1 = "_label_wl14z_247";
+const container = "_container_zvsy3_1";
+const small$2 = "_small_zvsy3_7";
+const hasMarks = "_hasMarks_zvsy3_10";
+const vertical = "_vertical_zvsy3_13";
+const hasArrows = "_hasArrows_zvsy3_17";
+const button$1 = "_button_zvsy3_21";
+const label$1 = "_label_zvsy3_24";
 const styles$b = {
   container,
   small: small$2,
@@ -59170,7 +59180,7 @@ const Spacer = ({ height, width, flex }) => /* @__PURE__ */ jsxRuntime.exports.j
   }
 });
 Spacer.defaultProps = {
-  height: "20px",
+  height: "var(--spacing)",
   width: null,
   flex: false
 };
@@ -59179,23 +59189,18 @@ Spacer.propTypes = {
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   flex: propTypes$1.exports.bool
 };
-const inputInTable$2 = "_inputInTable_g9wbg_224";
-const inputHover$2 = "_inputHover_g9wbg_230";
-const inputFocus$2 = "_inputFocus_g9wbg_235";
-const inputError$2 = "_inputError_g9wbg_242";
-const inputWarning$2 = "_inputWarning_g9wbg_243";
-const inputDisabled$2 = "_inputDisabled_g9wbg_278";
-const hideScrollbars$2 = "_hideScrollbars_g9wbg_283";
-const cellWrapperPadding$3 = "_cellWrapperPadding_g9wbg_293";
-const flexBlock$3 = "_flexBlock_g9wbg_296";
-const scrollWrapper = "_scrollWrapper_g9wbg_309";
-const bordered = "_bordered_g9wbg_309";
-const maxHeight = "_maxHeight_g9wbg_313";
-const table = "_table_g9wbg_322";
-const cellWrapper$3 = "_cellWrapper_g9wbg_293";
-const title$2 = "_title_g9wbg_404";
-const footer$1 = "_footer_g9wbg_405";
-const striped = "_striped_g9wbg_410";
+const inputInTable$2 = "_inputInTable_dvcam_1";
+const inputHover$2 = "_inputHover_dvcam_10";
+const inputFocus$2 = "_inputFocus_dvcam_15";
+const inputError$2 = "_inputError_dvcam_22";
+const inputWarning$2 = "_inputWarning_dvcam_23";
+const inputDisabled$2 = "_inputDisabled_dvcam_58";
+const hideScrollbars$2 = "_hideScrollbars_dvcam_63";
+const wrapper = "_wrapper_dvcam_83";
+const bordered = "_bordered_dvcam_91";
+const scroll2 = "_scroll_dvcam_95";
+const table = "_table_dvcam_105";
+const striped = "_striped_dvcam_185";
 const styles$a = {
   inputInTable: inputInTable$2,
   inputHover: inputHover$2,
@@ -59204,29 +59209,18 @@ const styles$a = {
   inputWarning: inputWarning$2,
   inputDisabled: inputDisabled$2,
   hideScrollbars: hideScrollbars$2,
-  cellWrapperPadding: cellWrapperPadding$3,
-  flexBlock: flexBlock$3,
-  scrollWrapper,
+  wrapper,
   bordered,
-  maxHeight,
+  scroll: scroll2,
   table,
-  cellWrapper: cellWrapper$3,
-  title: title$2,
-  footer: footer$1,
   striped
 };
-const cellWrapperPadding$2 = "_cellWrapperPadding_1nq0q_224";
-const flexBlock$2 = "_flexBlock_1nq0q_227";
-const cellWrapper$2 = "_cellWrapper_1nq0q_224";
-const title$1 = "_title_1nq0q_235";
+const title$1 = "_title_1vehb_1";
 const styles$9 = {
-  cellWrapperPadding: cellWrapperPadding$2,
-  flexBlock: flexBlock$2,
-  cellWrapper: cellWrapper$2,
   title: title$1
 };
 const Title$1 = (props) => {
-  const { colSpan, name: name2, actions: actions2, actionsRight, testId } = props;
+  const { name: name2, actions: actions2, actionsRight, testId } = props;
   const isNameDefined = name2 !== null;
   const isActionsDefined = actions2 !== null;
   if (!isNameDefined && !isActionsDefined) {
@@ -59246,21 +59240,17 @@ const Title$1 = (props) => {
       children: actionsComponent
     });
   };
-  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()
-        ]
-      })
-    })
+  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()
+    ]
   });
 };
 Title$1.defaultProps = {
@@ -59272,7 +59262,6 @@ 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,
@@ -59280,59 +59269,46 @@ Title$1.propTypes = {
   ]),
   testId: propTypes$1.exports.string
 };
-const cellWrapperPadding$1 = "_cellWrapperPadding_16o5j_224";
-const flexBlock$1 = "_flexBlock_16o5j_227";
-const cellWrapper$1 = "_cellWrapper_16o5j_224";
-const footer = "_footer_16o5j_235";
+const footer = "_footer_u47t6_1";
+const section = "_section_u47t6_7";
 const styles$8 = {
-  cellWrapperPadding: cellWrapperPadding$1,
-  flexBlock: flexBlock$1,
-  cellWrapper: cellWrapper$1,
-  footer
+  footer,
+  section
 };
 const Footer = (props) => {
-  const { colSpan, pagination: pagination2, actions: actions2, content: content2 } = props;
+  const { colSpan, pagination, actions: actions2, content: content2 } = props;
   const hasActions2 = actions2 && actions2.length;
   const hasContent = content2 != null;
   const hasPagination = () => {
-    if (pagination2) {
-      const { rowCount, rowsPerPage } = pagination2;
+    if (pagination) {
+      const { rowCount, rowsPerPage } = pagination;
       const minRows = rowsPerPage.options[0].value;
       return rowCount > minRows;
     }
     return false;
   };
   const showFooter = hasActions2 || hasContent || hasPagination();
-  return showFooter ? /* @__PURE__ */ jsxRuntime.exports.jsxs("tfoot", {
+  return showFooter ? /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
+    className: styles$8.footer,
     children: [
-      hasContent ? /* @__PURE__ */ jsxRuntime.exports.jsx("tr", {
-        children: /* @__PURE__ */ jsxRuntime.exports.jsx("td", {
-          colSpan,
-          children: /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
-            className: styles$8.footer,
-            children: /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
-              children: content2
-            })
-          })
+      hasContent ? /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
+        className: styles$8.section,
+        children: /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
+          children: content2
         })
       }) : null,
-      hasActions2 || hasPagination() ? /* @__PURE__ */ jsxRuntime.exports.jsx("tr", {
-        children: /* @__PURE__ */ jsxRuntime.exports.jsx("td", {
-          colSpan,
-          children: /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
-            className: styles$8.footer,
-            children: [
-              hasPagination() ? /* @__PURE__ */ jsxRuntime.exports.jsx(Pagination, {
-                pagination: pagination2
-              }) : /* @__PURE__ */ jsxRuntime.exports.jsx("div", {}),
-              /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
-                children: /* @__PURE__ */ jsxRuntime.exports.jsx(Actions, {
-                  actions: actions2
-                })
-              })
-            ]
+      hasActions2 || hasPagination() ? /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
+        className: styles$8.section,
+        children: [
+          hasPagination() ? /* @__PURE__ */ jsxRuntime.exports.jsx(Pagination, {
+            pagination
+          }) : /* @__PURE__ */ jsxRuntime.exports.jsx("div", {}),
+          /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
+            children: /* @__PURE__ */ jsxRuntime.exports.jsx(Actions, {
+              actions: actions2
+            })
           })
-        })
+        ]
       }) : null
     ]
   }) : null;
@@ -59354,39 +59330,36 @@ 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_1jpp2_224";
-const inputHover$1 = "_inputHover_1jpp2_230";
-const inputFocus$1 = "_inputFocus_1jpp2_235";
-const inputError$1 = "_inputError_1jpp2_242";
-const inputWarning$1 = "_inputWarning_1jpp2_243";
-const inputDisabled$1 = "_inputDisabled_1jpp2_278";
-const hideScrollbars$1 = "_hideScrollbars_1jpp2_283";
-const cellWrapperPadding = "_cellWrapperPadding_1jpp2_293";
-const flexBlock = "_flexBlock_1jpp2_296";
-const cellWrapper = "_cellWrapper_1jpp2_293";
-const disabledLink = "_disabledLink_1jpp2_314";
-const inputWrapper = "_inputWrapper_1jpp2_318";
-const breakWord = "_breakWord_1jpp2_334";
-const inputCell = "_inputCell_1jpp2_337";
-const sliderCell = "_sliderCell_1jpp2_340";
-const staticCell = "_staticCell_1jpp2_344";
-const staticCellContent = "_staticCellContent_1jpp2_347";
-const error$1 = "_error_1jpp2_356";
-const warning$2 = "_warning_1jpp2_357";
-const unit = "_unit_1jpp2_394";
-const disabled$2 = "_disabled_1jpp2_314";
-const sortingCell = "_sortingCell_1jpp2_402";
-const sortingCellIcon = "_sortingCellIcon_1jpp2_410";
-const icon = "_icon_1jpp2_417";
-const checkBoxCell = "_checkBoxCell_1jpp2_421";
-const iconCell = "_iconCell_1jpp2_425";
-const iconWrapper = "_iconWrapper_1jpp2_430";
-const actionsCell = "_actionsCell_1jpp2_434";
-const rightAligned = "_rightAligned_1jpp2_438";
-const centerAligned = "_centerAligned_1jpp2_444";
-const leftAligned = "_leftAligned_1jpp2_447";
-const popover = "_popover_1jpp2_450";
-const disabledPointerEvents = "_disabledPointerEvents_1jpp2_453";
+const inputInTable$1 = "_inputInTable_jixr6_1";
+const inputHover$1 = "_inputHover_jixr6_10";
+const inputFocus$1 = "_inputFocus_jixr6_15";
+const inputError$1 = "_inputError_jixr6_22";
+const inputWarning$1 = "_inputWarning_jixr6_23";
+const inputDisabled$1 = "_inputDisabled_jixr6_58";
+const hideScrollbars$1 = "_hideScrollbars_jixr6_63";
+const cell = "_cell_jixr6_73";
+const disabledLink = "_disabledLink_jixr6_83";
+const inputWrapper = "_inputWrapper_jixr6_87";
+const breakWord = "_breakWord_jixr6_102";
+const inputCell = "_inputCell_jixr6_105";
+const sliderCell = "_sliderCell_jixr6_108";
+const staticCell = "_staticCell_jixr6_112";
+const staticCellContent = "_staticCellContent_jixr6_115";
+const error$1 = "_error_jixr6_128";
+const warning$2 = "_warning_jixr6_129";
+const unit = "_unit_jixr6_138";
+const sortingCell = "_sortingCell_jixr6_141";
+const sortingCellIcon = "_sortingCellIcon_jixr6_149";
+const icon$1 = "_icon_jixr6_156";
+const checkBoxCell = "_checkBoxCell_jixr6_160";
+const iconCell = "_iconCell_jixr6_164";
+const iconWrapper = "_iconWrapper_jixr6_169";
+const actionsCell = "_actionsCell_jixr6_173";
+const rightAligned = "_rightAligned_jixr6_181";
+const centerAligned = "_centerAligned_jixr6_187";
+const leftAligned = "_leftAligned_jixr6_193";
+const popover = "_popover_jixr6_196";
+const disabledPointerEvents = "_disabledPointerEvents_jixr6_199";
 const styles$7 = {
   inputInTable: inputInTable$1,
   inputHover: inputHover$1,
@@ -59395,9 +59368,7 @@ const styles$7 = {
   inputWarning: inputWarning$1,
   inputDisabled: inputDisabled$1,
   hideScrollbars: hideScrollbars$1,
-  cellWrapperPadding,
-  flexBlock,
-  cellWrapper,
+  cell,
   disabledLink,
   inputWrapper,
   breakWord,
@@ -59408,10 +59379,9 @@ const styles$7 = {
   error: error$1,
   warning: warning$2,
   unit,
-  disabled: disabled$2,
   sortingCell,
   sortingCellIcon,
-  icon,
+  icon: icon$1,
   checkBoxCell,
   iconCell,
   iconWrapper,
@@ -59552,7 +59522,7 @@ const getCellAlignment = (alignment, styles2, isGetText = false) => {
   const left2 = "left";
   const right2 = "right";
   const center2 = "center";
-  const cellAlignment = isHeader ? headerAlignment : bodyAlignment;
+  const cellAlignment = isHeader && headerAlignment ? headerAlignment : bodyAlignment;
   switch (cellAlignment) {
     case left2: {
       return isGetText ? left2 : styles2.leftAligned;
@@ -59585,7 +59555,7 @@ const getHeaderAlignment = (alignments, isHeader, rowIndex) => {
   }
 };
 const NumberInputCell = (props) => {
-  const { cell: cell2, columnAlignment, testId } = props;
+  const { cell: cell2, testId } = props;
   return /* @__PURE__ */ jsxRuntime.exports.jsx(NumberInput, {
     name: cell2.name,
     value: cell2.value,
@@ -59641,7 +59611,7 @@ const SelectCell = (props) => {
     searchable: cell2.searchable,
     deprecatedEventHandler: cell2.deprecatedEventHandler,
     maxTooltipWidth: cell2.maxTooltipWidth,
-    width: cell2.width,
+    width: "100%",
     autoLayerWidth: cell2.autoLayerWidth,
     right: columnAlignment === "right",
     testId,
@@ -59777,22 +59747,12 @@ const ActionsCell = (props) => {
 };
 const StaticCell = (props) => {
   const { cell: cell2, isHeader, testId } = props;
-  const {
-    disabled: disabled2,
-    error: error2,
-    warning: warning2,
-    tooltip: tooltip2,
-    maxTooltipWidth,
-    hasSort,
-    onSort,
-    type
-  } = cell2;
+  const { 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 : "",
-      disabled2 ? styles$7.disabled : ""
+      error2 ? styles$7.error : warning2 ? styles$7.warning : ""
     ),
     onClick: hasSort ? (evt) => onSort(evt) : () => {
     },
@@ -59912,16 +59872,23 @@ const CellWrapper = (props) => {
   }
 };
 const Cell = (props) => {
+  var _a, _b;
   const {
     cell: cell2,
     isHeader,
     columnHeaderAlignment,
     columnAlignment,
-    width: widthProp,
+    width: columnWidthProp,
     snapshot,
     testId
   } = props;
-  const { style: styleProp, colSpan, rowSpan } = cell2;
+  const {
+    style: styleProp,
+    colSpan,
+    rowSpan,
+    width: cellWidthProp,
+    type
+  } = cell2;
   const ref2 = useRef(null);
   const alignment = {
     bodyAlignment: columnAlignment,
@@ -59930,21 +59897,16 @@ const Cell = (props) => {
   };
   const cellAlignmentStyle = getCellAlignment(alignment, styles$7);
   const cellAlignmentText = getCellAlignment(alignment, styles$7, true);
+  const cellTypeClassName = 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 : styles$7.staticCell;
   const className = cx$2(
-    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 : "",
+    styles$7.cell,
+    cellTypeClassName,
     cell2.hasSort ? styles$7.sortingCell : null,
     cellAlignmentStyle,
     cell2.breakWord ? styles$7.breakWord : ""
   );
-  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 width = (_b = (_a = cellWidthProp != null ? cellWidthProp : columnWidthProp) != null ? _a : (snapshot == null ? void 0 : snapshot.isDragging) && ref2.current && ref2.current.offsetWidth) != null ? _b : void 0;
+  const style2 = { width, minWidth: width, ...styleProp };
   const Element2 = isHeader ? "th" : "td";
   return /* @__PURE__ */ jsxRuntime.exports.jsx(Element2, {
     ref: ref2,
@@ -60174,13 +60136,13 @@ Cell.propTypes = {
   cell: cellShape,
   testId: propTypes$1.exports.string
 };
-const clickableRow = "_clickableRow_26ufq_224";
-const hoverableRow = "_hoverableRow_26ufq_227";
-const rowActive = "_rowActive_26ufq_227";
-const expandableRow = "_expandableRow_26ufq_231";
-const flush2 = "_flush_26ufq_231";
-const dragIconCell = "_dragIconCell_26ufq_251";
-const dragIcon = "_dragIcon_26ufq_251";
+const clickableRow = "_clickableRow_1sqxy_1";
+const hoverableRow = "_hoverableRow_1sqxy_4";
+const rowActive = "_rowActive_1sqxy_4";
+const expandableRow = "_expandableRow_1sqxy_8";
+const flush2 = "_flush_1sqxy_8";
+const dragIconCell = "_dragIconCell_1sqxy_28";
+const dragIcon = "_dragIcon_1sqxy_28";
 const styles$6 = {
   clickableRow,
   hoverableRow,
@@ -60210,8 +60172,6 @@ const Row = (props) => {
     columnWidths,
     colSpan,
     hasRowActions: hasRowActions2,
-    rowsMetaData,
-    setRowsMetaData,
     provided,
     snapshot,
     draggableTable,
@@ -60224,24 +60184,6 @@ 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,
@@ -60294,18 +60236,6 @@ 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", {
@@ -60318,7 +60248,6 @@ const Row = (props) => {
           onRowClick ? styles$6.clickableRow : null,
           onRowMouseEnter ? styles$6.hoverableRow : null
         ),
-        style: { ...stickyStyle() },
         children: [
           draggableTable ? /* @__PURE__ */ jsxRuntime.exports.jsx(Cell, {
             isHeader: true
@@ -60433,14 +60362,8 @@ const hasRowActions = (rows, headers) => {
   return hasActions(headers) > 0 || hasActions(rows) > 0;
 };
 const TableScrollWrapper = ({ table: table2, children }) => {
-  const {
-    fixedWidth: width,
-    maxHeight: maxHeight2,
-    rows,
-    infiniteScroll,
-    bordered: bordered2 = true
-  } = table2;
-  const pageSize = Math.ceil(window.innerHeight / 38);
+  const { rows, infiniteScroll } = table2;
+  const pageSize = Math.ceil(window.innerHeight / 32);
   const [visibleRows, setVisibleRows] = infiniteScroll ? useState(pageSize) : [rows.length, null];
   const [hasMore, setHasMore] = infiniteScroll ? useState(visibleRows < rows.length) : [false, null];
   const loadMoreItems = () => {
@@ -60452,16 +60375,7 @@ const TableScrollWrapper = ({ table: table2, children }) => {
   };
   return /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
     id: "scrollWrapper",
-    className: cx$2(
-      styles$a.scrollWrapper,
-      bordered2 ? styles$a.bordered : "",
-      maxHeight2 ? styles$a.maxHeight : ""
-    ),
-    style: {
-      maxHeight: maxHeight2,
-      width,
-      display: width === "auto" ? "inline-block" : null
-    },
+    className: styles$a.scroll,
     children: infiniteScroll ? /* @__PURE__ */ jsxRuntime.exports.jsx(InfiniteScroll, {
       dataLength: Math.min(rows.length, visibleRows + pageSize),
       next: loadMoreItems,
@@ -60476,7 +60390,6 @@ const Table = (props) => {
   var _a, _b, _c, _d, _e2, _f, _g;
   const { onListReorder, table: propTable } = props;
   const {
-    fixedWidth,
     columnWidths,
     footer: footer2,
     name: name2,
@@ -60485,12 +60398,14 @@ const Table = (props) => {
     actionsRight,
     columnHeaderAlignments,
     columnAlignment,
-    stickyHeaders,
     striped: striped2 = true,
     testId,
     draggable: draggable2,
     defaultEmptyRow = null,
-    onAddRow = null
+    onAddRow = null,
+    bordered: bordered2 = true,
+    maxHeight,
+    fixedWidth: width
   } = propTable;
   const targetRef = useRef();
   const [dimensions, setDimensions] = useState({ width: 0, height: 0 });
@@ -60506,7 +60421,6 @@ 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) => {
@@ -60542,35 +60456,42 @@ const Table = (props) => {
     ...propTable,
     rows
   };
-  return draggable2 ? /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
+  const wrapperClass = cx$2(styles$a.wrapper, bordered2 ? styles$a.bordered : "");
+  const wrapperStyles = {
+    maxHeight,
+    width,
+    display: width === "auto" ? "inline-flex" : "flex"
+  };
+  return draggable2 ? /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
     ref: targetRef,
-    children: /* @__PURE__ */ jsxRuntime.exports.jsx(DragDropContext, {
-      onDragEnd: (result) => {
-        var _a2, _b2;
-        const from2 = (_a2 = result == null ? void 0 : result.source) == null ? void 0 : _a2.index;
-        const to2 = (_b2 = result == null ? void 0 : result.destination) == null ? void 0 : _b2.index;
-        onListReorder({ from: from2, to: to2 });
-      },
-      children: /* @__PURE__ */ jsxRuntime.exports.jsx(ConnectedDroppable, {
-        droppableId: "droppable",
-        children: (provided) => {
-          return /* @__PURE__ */ jsxRuntime.exports.jsx(TableScrollWrapper, {
-            table: table2,
-            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.jsxs("thead", {
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.exports.jsx(Title$1, {
-                      actions: actions2,
-                      actionsRight,
-                      name: name2,
-                      colSpan,
-                      testId: testId && `${testId}-title`
-                    }),
-                    headers.map((row2, rowIndex) => {
+    className: wrapperClass,
+    style: wrapperStyles,
+    children: [
+      /* @__PURE__ */ jsxRuntime.exports.jsx(Title$1, {
+        actions: actions2,
+        actionsRight,
+        name: name2,
+        testId: testId && `${testId}-title`
+      }),
+      /* @__PURE__ */ jsxRuntime.exports.jsx(DragDropContext, {
+        onDragEnd: (result) => {
+          var _a2, _b2;
+          const from2 = (_a2 = result == null ? void 0 : result.source) == null ? void 0 : _a2.index;
+          const to2 = (_b2 = result == null ? void 0 : result.destination) == null ? void 0 : _b2.index;
+          onListReorder({ from: from2, to: to2 });
+        },
+        children: /* @__PURE__ */ jsxRuntime.exports.jsx(ConnectedDroppable, {
+          droppableId: "droppable",
+          children: (provided) => {
+            return /* @__PURE__ */ jsxRuntime.exports.jsx(TableScrollWrapper, {
+              table: table2,
+              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("thead", {
+                    children: headers.map((row2, rowIndex) => {
                       return /* @__PURE__ */ jsxRuntime.exports.jsx(Row, {
                         rowIndex,
                         isHeader: true,
@@ -60581,99 +60502,97 @@ const Table = (props) => {
                         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
-                })
-              ]
-            })
-          });
-        }
+                  }),
+                  /* @__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, {
+        pagination: footer2.pagination,
+        actions: footer2.actions,
+        content: footer2.content
       })
-    })
-  }) : /* @__PURE__ */ jsxRuntime.exports.jsx(TableScrollWrapper, {
-    table: table2,
-    children: ({ visibleRows }) => /* @__PURE__ */ jsxRuntime.exports.jsxs("table", {
-      className: cx$2(styles$a.table, striped2 ? styles$a.striped : ""),
-      "data-testid": testId,
-      children: [
-        /* @__PURE__ */ jsxRuntime.exports.jsxs("thead", {
+    ]
+  }) : /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
+    className: wrapperClass,
+    style: wrapperStyles,
+    children: [
+      /* @__PURE__ */ jsxRuntime.exports.jsx(Title$1, {
+        actions: actions2,
+        actionsRight,
+        name: name2,
+        testId: testId && `${testId}-title`
+      }),
+      /* @__PURE__ */ jsxRuntime.exports.jsx(TableScrollWrapper, {
+        table: table2,
+        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,
-              colSpan,
-              testId: testId && `${testId}-title`
+            /* @__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}`);
+              })
             }),
-            headers.map((row2, rowIndex) => {
-              return /* @__PURE__ */ jsxRuntime.exports.jsx(Row, {
+            /* @__PURE__ */ jsxRuntime.exports.jsx("tbody", {
+              children: rows.slice(0, visibleRows).map((row2, rowIndex) => /* @__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
-              }, `0_${rowIndex}`);
+                columnAlignment
+              }, `1_${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
         })
-      ]
-    })
+      }),
+      footer2 && /* @__PURE__ */ jsxRuntime.exports.jsx(Footer, {
+        colSpan,
+        pagination: footer2.pagination,
+        actions: footer2.actions,
+        content: footer2.content
+      })
+    ]
   });
 };
 Table.defaultProps = {
@@ -60703,7 +60622,6 @@ 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,
@@ -60716,20 +60634,21 @@ Table.propTypes = {
     striped: propTypes$1.exports.bool,
     testId: propTypes$1.exports.string,
     onAddRow: propTypes$1.exports.func,
-    defaultEmptyRow: propTypes$1.exports.object
+    defaultEmptyRow: propTypes$1.exports.object,
+    stickyHeaders: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.bool])
   }).isRequired,
   onListReorder: propTypes$1.exports.func
 };
-const tabs = "_tabs_m0zx7_224";
-const padding = "_padding_m0zx7_230";
-const margin = "_margin_m0zx7_234";
-const contentPadding = "_contentPadding_m0zx7_237";
-const item$1 = "_item_m0zx7_240";
-const active$1 = "_active_m0zx7_269";
-const hidden = "_hidden_m0zx7_274";
-const disabled$1 = "_disabled_m0zx7_277";
-const left$1 = "_left_m0zx7_281";
-const right$1 = "_right_m0zx7_281";
+const tabs = "_tabs_b0egn_1";
+const padding = "_padding_b0egn_7";
+const margin = "_margin_b0egn_11";
+const contentPadding = "_contentPadding_b0egn_14";
+const item$1 = "_item_b0egn_17";
+const active$1 = "_active_b0egn_46";
+const hidden = "_hidden_b0egn_51";
+const disabled$1 = "_disabled_b0egn_54";
+const left$1 = "_left_b0egn_58";
+const right$1 = "_right_b0egn_58";
 const styles$5 = {
   tabs,
   padding,
@@ -60936,10 +60855,11 @@ Tabs.propTypes = propTypes$1.exports.oneOfType([
   propTypes$1.exports.shape(TabsShape),
   propTypes$1.exports.shape(TabsShapeDeprecated)
 ]).isRequired;
-const TextLink = ({ children, href, target, testId }) => {
+const TextLink = ({ children, href, target, onClick, testId }) => {
   return /* @__PURE__ */ jsxRuntime.exports.jsx("a", {
     href,
     target,
+    onClick,
     "data-testid": testId,
     children: /* @__PURE__ */ jsxRuntime.exports.jsx(Text, {
       link: true,
@@ -60950,25 +60870,27 @@ const TextLink = ({ children, href, target, testId }) => {
 TextLink.defaultProps = {
   href: null,
   target: null,
-  testId: void 0
+  testId: void 0,
+  onClick: void 0
 };
 TextLink.propTypes = {
   href: propTypes$1.exports.string,
   target: propTypes$1.exports.string,
-  testId: propTypes$1.exports.string
-};
-const inputInTable = "_inputInTable_muemd_224";
-const inputHover = "_inputHover_muemd_230";
-const inputFocus = "_inputFocus_muemd_235";
-const inputError = "_inputError_muemd_242";
-const inputWarning = "_inputWarning_muemd_243";
-const inputDisabled = "_inputDisabled_muemd_278";
-const hideScrollbars = "_hideScrollbars_muemd_283";
-const textarea = "_textarea_muemd_293";
-const small$1 = "_small_muemd_330";
-const error = "_error_muemd_336";
-const warning$1 = "_warning_muemd_353";
-const monospace = "_monospace_muemd_370";
+  testId: propTypes$1.exports.string,
+  onClick: propTypes$1.exports.func
+};
+const inputInTable = "_inputInTable_4fpgg_1";
+const inputHover = "_inputHover_4fpgg_10";
+const inputFocus = "_inputFocus_4fpgg_15";
+const inputError = "_inputError_4fpgg_22";
+const inputWarning = "_inputWarning_4fpgg_23";
+const inputDisabled = "_inputDisabled_4fpgg_58";
+const hideScrollbars = "_hideScrollbars_4fpgg_63";
+const textarea = "_textarea_4fpgg_73";
+const small$1 = "_small_4fpgg_110";
+const error = "_error_4fpgg_116";
+const warning$1 = "_warning_4fpgg_133";
+const monospace = "_monospace_4fpgg_150";
 const styles$4 = {
   inputInTable,
   inputHover,
@@ -62161,10 +62083,10 @@ const toast = ({ id: id2, message: message2, autoClose = 6e3, onClose }) => {
     type: toastType
   });
 };
-const toggle$1 = "_toggle_75f6s_232";
-const small = "_small_75f6s_247";
-const disabled = "_disabled_75f6s_319";
-const noMargin = "_noMargin_75f6s_330";
+const toggle$1 = "_toggle_i5is1_9";
+const small = "_small_i5is1_24";
+const disabled = "_disabled_i5is1_97";
+const noMargin = "_noMargin_i5is1_108";
 const styles$3 = {
   toggle: toggle$1,
   small,
@@ -62240,24 +62162,26 @@ Toggle.propTypes = {
   helpText: propTypes$1.exports.string,
   onClickHelp: propTypes$1.exports.func
 };
-const topbar = "_topbar_u5ev6_232";
-const fixed = "_fixed_u5ev6_243";
-const title = "_title_u5ev6_251";
-const logo = "_logo_u5ev6_267";
-const label = "_label_u5ev6_270";
-const brand = "_brand_u5ev6_275";
-const version = "_version_u5ev6_280";
-const left = "_left_u5ev6_288";
-const right = "_right_u5ev6_289";
-const item = "_item_u5ev6_306";
-const link = "_link_u5ev6_307";
-const button = "_button_u5ev6_319";
-const menu = "_menu_u5ev6_320";
-const active = "_active_u5ev6_348";
-const alert = "_alert_u5ev6_373";
+const topbar = "_topbar_17khh_7";
+const fixed = "_fixed_17khh_16";
+const icon = "_icon_17khh_24";
+const title = "_title_17khh_47";
+const logo = "_logo_17khh_63";
+const label = "_label_17khh_66";
+const brand = "_brand_17khh_71";
+const version = "_version_17khh_76";
+const left = "_left_17khh_83";
+const right = "_right_17khh_84";
+const item = "_item_17khh_98";
+const link = "_link_17khh_99";
+const button = "_button_17khh_111";
+const menu = "_menu_17khh_112";
+const active = "_active_17khh_140";
+const alert = "_alert_17khh_165";
 const styles$2 = {
   topbar,
   fixed,
+  icon,
   title,
   logo,
   label,
@@ -62396,6 +62320,7 @@ const Element$1 = ({ element }) => {
 };
 const TopBar = ({
   title: title2,
+  icon: icon2,
   content: content2,
   contentRight,
   warning: warning2,
@@ -62411,6 +62336,14 @@ const TopBar = ({
         className: cx$2(styles$2.topbar, fixedPosition ? styles$2.fixed : ""),
         style: { height },
         children: [
+          !!icon2 && /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
+            className: styles$2.icon,
+            style: { height, width: height },
+            children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, {
+              icon: icon2.icon,
+              size: 28
+            })
+          }),
           /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
             className: styles$2.left,
             children: [
@@ -62449,10 +62382,11 @@ const TopBar = ({
 };
 TopBar.defaultProps = {
   title: null,
+  icon: null,
   content: [],
   contentRight: [],
   warning: "",
-  height: null,
+  height: "48px",
   fixedPosition: true
 };
 TopBar.propTypes = {
@@ -62463,6 +62397,10 @@ TopBar.propTypes = {
     onClick: propTypes$1.exports.func,
     version: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number])
   }),
+  icon: propTypes$1.exports.shape({
+    icon: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.node]),
+    onClick: propTypes$1.exports.func
+  }),
   content: propTypes$1.exports.array,
   contentRight: propTypes$1.exports.array,
   warning: propTypes$1.exports.string,
@@ -74188,12 +74126,12 @@ function TreeInner(props, ref2) {
   );
 }
 var Tree$1 = forwardRef(TreeInner);
-const tree = "_tree_70fb4_224";
-const toggle = "_toggle_70fb4_227";
-const dropTarget = "_dropTarget_70fb4_231";
-const draggingSource = "_draggingSource_70fb4_234";
-const placeholderContainer = "_placeholderContainer_70fb4_237";
-const placeholder2 = "_placeholder_70fb4_237";
+const tree = "_tree_7fki0_1";
+const toggle = "_toggle_7fki0_4";
+const dropTarget = "_dropTarget_7fki0_8";
+const draggingSource = "_draggingSource_7fki0_11";
+const placeholderContainer = "_placeholderContainer_7fki0_14";
+const placeholder2 = "_placeholder_7fki0_14";
 const styles = {
   tree,
   toggle,