@oliasoft-open-source/react-ui-library 4.0.0-beta-7 → 4.0.0-beta-9

package/dist/index.js

@@ -1925,8 +1925,8 @@ var classnames = { exports: {} };
   })();
 })(classnames);
 const cx$2 = classnames.exports;
-const chevron = "_chevron_9fk1o_1";
-const expanded$2 = "_expanded_9fk1o_9";
+const chevron = "_chevron_1u6ki_1";
+const expanded$2 = "_expanded_1u6ki_9";
 const styles$T = {
   chevron,
   expanded: expanded$2
@@ -2633,9 +2633,6 @@ function IconBase(props) {
     return elem(conf);
   }) : elem(DefaultContext);
 }
-function FaRegCircle(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 512 512" }, "child": [{ "tag": "path", "attr": { "d": "M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z" } }] })(props);
-}
 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 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);
 }
@@ -2720,6 +2717,9 @@ function TbCircleCheck(props) {
 function TbCircleX(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": "M10 10l4 4m0 -4l-4 4" } }] })(props);
 }
+function TbCircle(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" } }] })(props);
+}
 function TbClipboard(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 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2" } }, { "tag": "path", "attr": { "d": "M9 3m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v0a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" } }] })(props);
 }
@@ -2780,9 +2780,6 @@ function TbFolder(props) {
 function TbGauge(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 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" } }, { "tag": "path", "attr": { "d": "M13.41 10.59l2.59 -2.59" } }, { "tag": "path", "attr": { "d": "M7 12a5 5 0 0 1 5 -5" } }] })(props);
 }
-function TbGripHorizontal(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 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" } }, { "tag": "path", "attr": { "d": "M5 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" } }, { "tag": "path", "attr": { "d": "M12 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" } }, { "tag": "path", "attr": { "d": "M12 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" } }, { "tag": "path", "attr": { "d": "M19 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" } }, { "tag": "path", "attr": { "d": "M19 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" } }] })(props);
-}
 function TbGripVertical(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 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" } }, { "tag": "path", "attr": { "d": "M9 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" } }, { "tag": "path", "attr": { "d": "M9 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" } }, { "tag": "path", "attr": { "d": "M15 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" } }, { "tag": "path", "attr": { "d": "M15 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" } }, { "tag": "path", "attr": { "d": "M15 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" } }] })(props);
 }
@@ -2983,6 +2980,7 @@ const NamedIcon = ({ icon: icon2 }) => {
     case "camera":
       return /* @__PURE__ */ jsxRuntime.exports.jsx(TbCamera, {});
     case "close":
+    case "clear":
     case "times":
       return /* @__PURE__ */ jsxRuntime.exports.jsx(TbX, {});
     case "chart":
@@ -3037,8 +3035,6 @@ const NamedIcon = ({ icon: icon2 }) => {
       return /* @__PURE__ */ jsxRuntime.exports.jsx(TbDownload, {});
     case "drag":
       return /* @__PURE__ */ jsxRuntime.exports.jsx(TbGripVertical, {});
-    case "drag horizontal":
-      return /* @__PURE__ */ jsxRuntime.exports.jsx(TbGripHorizontal, {});
     case "edit":
     case "pencil":
     case "rename":
@@ -3210,7 +3206,7 @@ const NamedIcon = ({ icon: icon2 }) => {
     case "":
       return null;
     default:
-      return /* @__PURE__ */ jsxRuntime.exports.jsx(FaRegCircle, {});
+      return /* @__PURE__ */ jsxRuntime.exports.jsx(TbCircle, {});
   }
 };
 const wrapper$5 = "_wrapper_18jt2_1";
@@ -5406,9 +5402,9 @@ function useHover(_temp) {
     return onMouseLeave(null, true);
   }];
 }
-const tooltip = "_tooltip_bwonh_1";
-const error$9 = "_error_bwonh_15";
-const warning$d = "_warning_bwonh_19";
+const tooltip = "_tooltip_wli9z_1";
+const error$9 = "_error_wli9z_15";
+const warning$d = "_warning_wli9z_19";
 const styles$P = {
   tooltip,
   error: error$9,
@@ -5448,7 +5444,7 @@ TooltipLayer.defaultProps = {
   warning: false,
   maxWidth: "none",
   fontSize: "inherit",
-  padding: "4px 8px",
+  padding: "var(--spacing-2xs) var(--spacing-xs)",
   layerProps: {
     style: {
       position: "fixed"
@@ -5550,7 +5546,7 @@ Tooltip.defaultProps = {
     "right-center"
   ],
   fontSize: "inherit",
-  padding: "4px 8px",
+  padding: "var(--spacing-2xs) var(--spacing-xs)",
   display: "inline",
   flex: "none",
   forceOpen: false
@@ -5739,10 +5735,10 @@ CheckBox.propTypes = {
   helpText: propTypes$1.exports.string,
   onClickHelp: propTypes$1.exports.func
 };
-const bordered$3 = "_bordered_rmqrx_1";
-const checkboxWrapper = "_checkboxWrapper_rmqrx_7";
-const padding$2 = "_padding_rmqrx_13";
-const contentWrapper = "_contentWrapper_rmqrx_16";
+const bordered$3 = "_bordered_109k5_1";
+const checkboxWrapper = "_checkboxWrapper_109k5_7";
+const padding$2 = "_padding_109k5_13";
+const contentWrapper = "_contentWrapper_109k5_16";
 const styles$N = {
   bordered: bordered$3,
   checkboxWrapper,
@@ -11282,34 +11278,34 @@ var lodash = { exports: {} };
   }).call(commonjsGlobal);
 })(lodash, lodash.exports);
 const _$1 = lodash.exports;
-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 wrapper$4 = "_wrapper_1kbgw_1";
+const layer$1 = "_layer_1kbgw_5";
+const layerContainer$1 = "_layerContainer_1kbgw_8";
+const nested = "_nested_1kbgw_23";
+const fileInput$1 = "_fileInput_1kbgw_35";
+const trigger$2 = "_trigger_1kbgw_41";
+const middleAlignedInline = "_middleAlignedInline_1kbgw_50";
+const heading$5 = "_heading_1kbgw_56";
+const headingIcon = "_headingIcon_1kbgw_62";
+const option$1 = "_option_1kbgw_74";
+const active$8 = "_active_1kbgw_91";
+const selected$1 = "_selected_1kbgw_96";
+const optionContent$1 = "_optionContent_1kbgw_103";
+const inline$4 = "_inline_1kbgw_108";
+const icon$5 = "_icon_1kbgw_113";
+const check$1 = "_check_1kbgw_114";
+const text$3 = "_text_1kbgw_135";
+const label$a = "_label_1kbgw_140";
+const description = "_description_1kbgw_151";
+const arrow$1 = "_arrow_1kbgw_155";
+const divider$1 = "_divider_1kbgw_159";
+const deprecatedSemanticIcon = "_deprecatedSemanticIcon_1kbgw_163";
+const disabled$8 = "_disabled_1kbgw_167";
+const buttonLabel = "_buttonLabel_1kbgw_172";
+const buttonCaret = "_buttonCaret_1kbgw_179";
+const component = "_component_1kbgw_182";
+const right$7 = "_right_1kbgw_188";
+const actions$2 = "_actions_1kbgw_193";
 const styles$M = {
   wrapper: wrapper$4,
   layer: layer$1,
@@ -11325,7 +11321,7 @@ const styles$M = {
   selected: selected$1,
   optionContent: optionContent$1,
   inline: inline$4,
-  icon: icon$6,
+  icon: icon$5,
   check: check$1,
   text: text$3,
   label: label$a,
@@ -11623,32 +11619,32 @@ Badge.propTypes = {
   margin: propTypes$1.exports.string,
   small: propTypes$1.exports.bool
 };
-const inputInTable$b = "_inputInTable_1ufmj_1";
-const inputHover$b = "_inputHover_1ufmj_10";
-const inputFocus$b = "_inputFocus_1ufmj_15";
-const inputError$b = "_inputError_1ufmj_22";
-const inputWarning$b = "_inputWarning_1ufmj_23";
-const inputDisabled$b = "_inputDisabled_1ufmj_58";
-const hideScrollbars$b = "_hideScrollbars_1ufmj_64";
-const button$3 = "_button_1ufmj_97";
-const active$7 = "_active_1ufmj_134";
-const green$1 = "_green_1ufmj_134";
-const red$1 = "_red_1ufmj_134";
-const orange$1 = "_orange_1ufmj_134";
-const icon$5 = "_icon_1ufmj_146";
-const iconOnly = "_iconOnly_1ufmj_151";
-const basic = "_basic_1ufmj_161";
-const muted$2 = "_muted_1ufmj_167";
-const disabled$7 = "_disabled_1ufmj_179";
-const small$c = "_small_1ufmj_189";
-const pill = "_pill_1ufmj_194";
-const round = "_round_1ufmj_195";
-const error$8 = "_error_1ufmj_265";
-const warning$c = "_warning_1ufmj_282";
-const inverted$1 = "_inverted_1ufmj_299";
-const groupOrderFirst$4 = "_groupOrderFirst_1ufmj_329";
-const groupOrderMiddle$4 = "_groupOrderMiddle_1ufmj_330";
-const groupOrderLast$4 = "_groupOrderLast_1ufmj_331";
+const inputInTable$b = "_inputInTable_1z38r_1";
+const inputHover$b = "_inputHover_1z38r_13";
+const inputFocus$b = "_inputFocus_1z38r_18";
+const inputError$b = "_inputError_1z38r_25";
+const inputWarning$b = "_inputWarning_1z38r_26";
+const inputDisabled$b = "_inputDisabled_1z38r_61";
+const hideScrollbars$b = "_hideScrollbars_1z38r_67";
+const button$3 = "_button_1z38r_100";
+const active$7 = "_active_1z38r_137";
+const green$1 = "_green_1z38r_137";
+const red$1 = "_red_1z38r_137";
+const orange$1 = "_orange_1z38r_137";
+const icon$4 = "_icon_1z38r_149";
+const iconOnly = "_iconOnly_1z38r_154";
+const basic = "_basic_1z38r_164";
+const muted$2 = "_muted_1z38r_170";
+const disabled$7 = "_disabled_1z38r_182";
+const small$c = "_small_1z38r_192";
+const pill = "_pill_1z38r_197";
+const round = "_round_1z38r_198";
+const error$8 = "_error_1z38r_268";
+const warning$c = "_warning_1z38r_285";
+const inverted$1 = "_inverted_1z38r_302";
+const groupOrderFirst$4 = "_groupOrderFirst_1z38r_332";
+const groupOrderMiddle$4 = "_groupOrderMiddle_1z38r_333";
+const groupOrderLast$4 = "_groupOrderLast_1z38r_334";
 const buttonStyles = {
   inputInTable: inputInTable$b,
   inputHover: inputHover$b,
@@ -11662,7 +11658,7 @@ const buttonStyles = {
   green: green$1,
   red: red$1,
   orange: orange$1,
-  icon: icon$5,
+  icon: icon$4,
   iconOnly,
   basic,
   muted: muted$2,
@@ -11677,11 +11673,11 @@ const buttonStyles = {
   groupOrderMiddle: groupOrderMiddle$4,
   groupOrderLast: groupOrderLast$4
 };
-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 spinner = "_spinner_199j8_1";
+const small$b = "_small_199j8_7";
+const tiny = "_tiny_199j8_11";
+const colored$1 = "_colored_199j8_38";
+const dark = "_dark_199j8_50";
 const styles$K = {
   spinner,
   small: small$b,
@@ -12370,9 +12366,9 @@ Menu.propTypes = {
   open: propTypes$1.exports.bool,
   setOpen: propTypes$1.exports.func
 };
-const actions$1 = "_actions_acped_1";
-const actionComponentContainer = "_actionComponentContainer_acped_11";
-const active$6 = "_active_acped_33";
+const actions$1 = "_actions_p0xkh_1";
+const actionComponentContainer = "_actionComponentContainer_p0xkh_11";
+const active$6 = "_active_p0xkh_33";
 const styles$J = {
   actions: actions$1,
   actionComponentContainer,
@@ -12470,12 +12466,12 @@ Actions.propTypes = {
   actions: actionsShape,
   right: propTypes$1.exports.bool
 };
-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 breadcrumb = "_breadcrumb_1yvg5_1";
+const small$a = "_small_1yvg5_4";
+const labelContainer = "_labelContainer_1yvg5_7";
+const active$5 = "_active_1yvg5_17";
+const disabled$6 = "_disabled_1yvg5_22";
+const separator = "_separator_1yvg5_27";
 const styles$I = {
   breadcrumb,
   small: small$a,
@@ -14112,9 +14108,9 @@ Divider.propTypes = {
   color: propTypes$1.exports.string,
   align: propTypes$1.exports.string
 };
-const heading$4 = "_heading_19ope_1";
-const top$1 = "_top_19ope_9";
-const icons$2 = "_icons_19ope_21";
+const heading$4 = "_heading_16sf2_1";
+const top$1 = "_top_16sf2_9";
+const icons$2 = "_icons_16sf2_21";
 const styles$D = {
   heading: heading$4,
   top: top$1,
@@ -14295,30 +14291,30 @@ const dialogShape = propTypes$1.exports.shape({
 Dialog.propTypes = {
   dialog: dialogShape.isRequired
 };
-const inputInTable$a = "_inputInTable_nxzx8_1";
-const inputHover$a = "_inputHover_nxzx8_10";
-const inputFocus$a = "_inputFocus_nxzx8_15";
-const inputError$a = "_inputError_nxzx8_22";
-const inputWarning$a = "_inputWarning_nxzx8_23";
-const inputDisabled$a = "_inputDisabled_nxzx8_58";
-const hideScrollbars$a = "_hideScrollbars_nxzx8_64";
-const inline$2 = "_inline_nxzx8_88";
-const left$2 = "_left_nxzx8_91";
-const right$6 = "_right_nxzx8_94";
-const fixed$1 = "_fixed_nxzx8_97";
-const border$1 = "_border_nxzx8_109";
-const shadow = "_shadow_nxzx8_115";
-const drawerContent = "_drawerContent_nxzx8_118";
-const isResizing = "_isResizing_nxzx8_130";
-const toggleButton = "_toggleButton_nxzx8_141";
-const top = "_top_nxzx8_154";
-const bottom = "_bottom_nxzx8_157";
-const toggleButtonOpen = "_toggleButtonOpen_nxzx8_160";
-const tabs$1 = "_tabs_nxzx8_163";
-const tab$1 = "_tab_nxzx8_163";
-const active$4 = "_active_nxzx8_196";
-const tabsContent = "_tabsContent_nxzx8_218";
-const resizeHandle = "_resizeHandle_nxzx8_224";
+const inputInTable$a = "_inputInTable_1yqw7_1";
+const inputHover$a = "_inputHover_1yqw7_13";
+const inputFocus$a = "_inputFocus_1yqw7_18";
+const inputError$a = "_inputError_1yqw7_25";
+const inputWarning$a = "_inputWarning_1yqw7_26";
+const inputDisabled$a = "_inputDisabled_1yqw7_61";
+const hideScrollbars$a = "_hideScrollbars_1yqw7_67";
+const inline$2 = "_inline_1yqw7_91";
+const left$2 = "_left_1yqw7_94";
+const right$6 = "_right_1yqw7_97";
+const fixed$1 = "_fixed_1yqw7_100";
+const border$1 = "_border_1yqw7_112";
+const shadow = "_shadow_1yqw7_118";
+const drawerContent = "_drawerContent_1yqw7_121";
+const isResizing = "_isResizing_1yqw7_133";
+const toggleButton = "_toggleButton_1yqw7_144";
+const top = "_top_1yqw7_157";
+const bottom = "_bottom_1yqw7_160";
+const toggleButtonOpen = "_toggleButtonOpen_1yqw7_163";
+const tabs$1 = "_tabs_1yqw7_166";
+const tab$1 = "_tab_1yqw7_166";
+const active$4 = "_active_1yqw7_198";
+const tabsContent = "_tabsContent_1yqw7_220";
+const resizeHandle = "_resizeHandle_1yqw7_226";
 const styles$B = {
   inputInTable: inputInTable$a,
   inputHover: inputHover$a,
@@ -16445,7 +16441,7 @@ const ResizeHandle = React__default.forwardRef((props, ref2) => {
     className: styles$B.resizeHandle,
     ...rest,
     children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, {
-      icon: "drag horizontal"
+      icon: "drag"
     })
   });
 });
@@ -16658,8 +16654,8 @@ Drawer.propTypes = {
   onClose: propTypes$1.exports.func,
   onOpen: propTypes$1.exports.func
 };
-const empty$2 = "_empty_cs57m_1";
-const text$2 = "_text_cs57m_11";
+const empty$2 = "_empty_1erlc_1";
+const text$2 = "_text_1erlc_11";
 const styles$A = {
   empty: empty$2,
   text: text$2
@@ -16762,22 +16758,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_1ioaf_1";
-const inputHover$9 = "_inputHover_1ioaf_10";
-const inputFocus$9 = "_inputFocus_1ioaf_15";
-const inputError$9 = "_inputError_1ioaf_22";
-const inputWarning$9 = "_inputWarning_1ioaf_23";
-const inputDisabled$9 = "_inputDisabled_1ioaf_58";
-const hideScrollbars$9 = "_hideScrollbars_1ioaf_64";
-const input$1 = "_input_1ioaf_1";
-const isInTable$3 = "_isInTable_1ioaf_95";
-const small$8 = "_small_1ioaf_116";
-const error$6 = "_error_1ioaf_122";
-const warning$a = "_warning_1ioaf_139";
-const right$5 = "_right_1ioaf_162";
-const groupOrderFirst$3 = "_groupOrderFirst_1ioaf_165";
-const groupOrderMiddle$3 = "_groupOrderMiddle_1ioaf_166";
-const groupOrderLast$3 = "_groupOrderLast_1ioaf_167";
+const inputInTable$9 = "_inputInTable_d8i46_1";
+const inputHover$9 = "_inputHover_d8i46_13";
+const inputFocus$9 = "_inputFocus_d8i46_18";
+const inputError$9 = "_inputError_d8i46_25";
+const inputWarning$9 = "_inputWarning_d8i46_26";
+const inputDisabled$9 = "_inputDisabled_d8i46_61";
+const hideScrollbars$9 = "_hideScrollbars_d8i46_67";
+const input$1 = "_input_d8i46_1";
+const isInTable$3 = "_isInTable_d8i46_98";
+const small$8 = "_small_d8i46_122";
+const error$6 = "_error_d8i46_128";
+const warning$a = "_warning_d8i46_145";
+const right$5 = "_right_d8i46_168";
+const groupOrderFirst$3 = "_groupOrderFirst_d8i46_171";
+const groupOrderMiddle$3 = "_groupOrderMiddle_d8i46_172";
+const groupOrderLast$3 = "_groupOrderLast_d8i46_173";
 const styles$y = {
   inputInTable: inputInTable$9,
   inputHover: inputHover$9,
@@ -17037,9 +17033,9 @@ FileInput.propTypes = {
   onChange: propTypes$1.exports.func,
   testId: propTypes$1.exports.string
 };
-const label$7 = "_label_191gc_1";
-const labelLeft$1 = "_labelLeft_191gc_5";
-const icons$1 = "_icons_191gc_13";
+const label$7 = "_label_ll0e3_1";
+const labelLeft$1 = "_labelLeft_ll0e3_5";
+const icons$1 = "_icons_ll0e3_13";
 const styles$w = {
   label: label$7,
   labelLeft: labelLeft$1,
@@ -17138,17 +17134,17 @@ Label$2.propTypes = {
   }),
   labelLeft: propTypes$1.exports.bool
 };
-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 field = "_field_abuqh_1";
+const labelLeft = "_labelLeft_abuqh_5";
+const fieldInput = "_fieldInput_abuqh_9";
+const formRow$1 = "_formRow_abuqh_12";
+const button$2 = "_button_abuqh_22";
 const styles$v = {
   field,
   labelLeft,
   fieldInput,
   formRow: formRow$1,
-  "form-row": "_form-row_1j8sr_13",
+  "form-row": "_form-row_abuqh_13",
   button: button$2
 };
 const Field = ({
@@ -26298,42 +26294,42 @@ var InfiniteScroll = function(_super) {
   };
   return InfiniteScroll2;
 }(Component$1);
-const inputInTable$8 = "_inputInTable_15brx_1";
-const inputHover$8 = "_inputHover_15brx_10";
-const inputFocus$8 = "_inputFocus_15brx_15";
-const inputError$8 = "_inputError_15brx_22";
-const inputWarning$8 = "_inputWarning_15brx_23";
-const inputDisabled$8 = "_inputDisabled_15brx_58";
-const hideScrollbars$8 = "_hideScrollbars_15brx_64";
-const header$1 = "_header_15brx_74";
-const headerTitle = "_headerTitle_15brx_74";
-const heading$3 = "_heading_15brx_75";
-const itemHeader = "_itemHeader_15brx_75";
-const narrow = "_narrow_15brx_78";
-const stickyHeader = "_stickyHeader_15brx_82";
-const title$3 = "_title_15brx_93";
-const name = "_name_15brx_99";
-const iconTooltipMargin = "_iconTooltipMargin_15brx_102";
-const bold = "_bold_15brx_105";
-const toggleNarrow = "_toggleNarrow_15brx_114";
-const drag$1 = "_drag_15brx_132";
-const list$1 = "_list_15brx_152";
-const bordered$1 = "_bordered_15brx_156";
-const item$4 = "_item_15brx_75";
-const action = "_action_15brx_189";
-const active$3 = "_active_15brx_192";
-const disabled$5 = "_disabled_15brx_207";
-const label$6 = "_label_15brx_218";
-const details$2 = "_details_15brx_225";
-const metadata = "_metadata_15brx_226";
-const itemContent = "_itemContent_15brx_235";
-const indentIcon = "_indentIcon_15brx_242";
-const expandIcon = "_expandIcon_15brx_247";
-const expanded = "_expanded_15brx_253";
-const right$4 = "_right_15brx_256";
-const actions = "_actions_15brx_264";
-const scrollableList = "_scrollableList_15brx_269";
-const hideScrollbar = "_hideScrollbar_15brx_64";
+const inputInTable$8 = "_inputInTable_kq2bf_1";
+const inputHover$8 = "_inputHover_kq2bf_13";
+const inputFocus$8 = "_inputFocus_kq2bf_18";
+const inputError$8 = "_inputError_kq2bf_25";
+const inputWarning$8 = "_inputWarning_kq2bf_26";
+const inputDisabled$8 = "_inputDisabled_kq2bf_61";
+const hideScrollbars$8 = "_hideScrollbars_kq2bf_67";
+const header$1 = "_header_kq2bf_77";
+const headerTitle = "_headerTitle_kq2bf_77";
+const heading$3 = "_heading_kq2bf_78";
+const itemHeader = "_itemHeader_kq2bf_78";
+const narrow = "_narrow_kq2bf_81";
+const stickyHeader = "_stickyHeader_kq2bf_85";
+const title$3 = "_title_kq2bf_96";
+const name = "_name_kq2bf_102";
+const iconTooltipMargin = "_iconTooltipMargin_kq2bf_105";
+const bold = "_bold_kq2bf_108";
+const toggleNarrow = "_toggleNarrow_kq2bf_117";
+const drag$1 = "_drag_kq2bf_135";
+const list$1 = "_list_kq2bf_152";
+const bordered$1 = "_bordered_kq2bf_156";
+const item$4 = "_item_kq2bf_78";
+const action = "_action_kq2bf_189";
+const active$3 = "_active_kq2bf_192";
+const disabled$5 = "_disabled_kq2bf_207";
+const label$6 = "_label_kq2bf_218";
+const details$2 = "_details_kq2bf_225";
+const metadata = "_metadata_kq2bf_226";
+const itemContent = "_itemContent_kq2bf_234";
+const indentIcon = "_indentIcon_kq2bf_241";
+const expandIcon = "_expandIcon_kq2bf_246";
+const expanded = "_expanded_kq2bf_252";
+const right$4 = "_right_kq2bf_255";
+const actions = "_actions_kq2bf_263";
+const scrollableList = "_scrollableList_kq2bf_268";
+const hideScrollbar = "_hideScrollbar_kq2bf_67";
 const listStyles = {
   inputInTable: inputInTable$8,
   inputHover: inputHover$8,
@@ -26939,13 +26935,13 @@ List.propTypes = {
   }),
   testId: propTypes$1.exports.string
 };
-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 loader = "_loader_cvm5e_1";
+const fullViewPortSize = "_fullViewPortSize_cvm5e_7";
+const cover = "_cover_cvm5e_14";
+const dimmer = "_dimmer_cvm5e_21";
+const content$2 = "_content_cvm5e_44";
+const text$1 = "_text_cvm5e_49";
+const details$1 = "_details_cvm5e_53";
 const styles$s = {
   loader,
   fullViewPortSize,
@@ -27019,27 +27015,27 @@ Loader.propTypes = {
   testId: propTypes$1.exports.string,
   theme: propTypes$1.exports.string
 };
-const inputInTable$7 = "_inputInTable_17xnf_1";
-const inputHover$7 = "_inputHover_17xnf_10";
-const inputFocus$7 = "_inputFocus_17xnf_15";
-const inputError$7 = "_inputError_17xnf_22";
-const inputWarning$7 = "_inputWarning_17xnf_23";
-const inputDisabled$7 = "_inputDisabled_17xnf_58";
-const hideScrollbars$7 = "_hideScrollbars_17xnf_64";
-const container$1 = "_container_17xnf_80";
-const block$1 = "_block_17xnf_98";
-const info = "_info_17xnf_101";
-const success = "_success_17xnf_105";
-const warning$6 = "_warning_17xnf_109";
-const error$4 = "_error_17xnf_113";
-const content$1 = "_content_17xnf_117";
-const heading$2 = "_heading_17xnf_121";
-const icon$4 = "_icon_17xnf_128";
-const dismiss$1 = "_dismiss_17xnf_136";
-const absolute = "_absolute_17xnf_140";
-const legendToggle = "_legendToggle_17xnf_149";
-const detailsText = "_detailsText_17xnf_159";
-const footer$1 = "_footer_17xnf_163";
+const inputInTable$7 = "_inputInTable_17o1r_1";
+const inputHover$7 = "_inputHover_17o1r_13";
+const inputFocus$7 = "_inputFocus_17o1r_18";
+const inputError$7 = "_inputError_17o1r_25";
+const inputWarning$7 = "_inputWarning_17o1r_26";
+const inputDisabled$7 = "_inputDisabled_17o1r_61";
+const hideScrollbars$7 = "_hideScrollbars_17o1r_67";
+const container$1 = "_container_17o1r_83";
+const block$1 = "_block_17o1r_101";
+const info = "_info_17o1r_104";
+const success = "_success_17o1r_108";
+const warning$6 = "_warning_17o1r_112";
+const error$4 = "_error_17o1r_116";
+const content$1 = "_content_17o1r_120";
+const heading$2 = "_heading_17o1r_124";
+const icon$3 = "_icon_17o1r_131";
+const dismiss$1 = "_dismiss_17o1r_139";
+const absolute = "_absolute_17o1r_143";
+const legendToggle = "_legendToggle_17o1r_152";
+const detailsText = "_detailsText_17o1r_162";
+const footer$1 = "_footer_17o1r_166";
 const styles$r = {
   inputInTable: inputInTable$7,
   inputHover: inputHover$7,
@@ -27056,7 +27052,7 @@ const styles$r = {
   error: error$4,
   content: content$1,
   heading: heading$2,
-  icon: icon$4,
+  icon: icon$3,
   dismiss: dismiss$1,
   absolute,
   legendToggle,
@@ -27456,23 +27452,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_rp8n6_1";
-const inputHover$6 = "_inputHover_rp8n6_10";
-const inputFocus$6 = "_inputFocus_rp8n6_15";
-const inputError$6 = "_inputError_rp8n6_22";
-const inputWarning$6 = "_inputWarning_rp8n6_23";
-const inputDisabled$6 = "_inputDisabled_rp8n6_58";
-const hideScrollbars$6 = "_hideScrollbars_rp8n6_64";
-const select = "_select_rp8n6_74";
-const isInTable$2 = "_isInTable_rp8n6_118";
-const unSelected = "_unSelected_rp8n6_127";
-const error$3 = "_error_rp8n6_134";
-const warning$5 = "_warning_rp8n6_151";
-const small$6 = "_small_rp8n6_168";
-const right$3 = "_right_rp8n6_176";
-const groupOrderFirst$1 = "_groupOrderFirst_rp8n6_188";
-const groupOrderMiddle$1 = "_groupOrderMiddle_rp8n6_189";
-const groupOrderLast$1 = "_groupOrderLast_rp8n6_193";
+const inputInTable$6 = "_inputInTable_brru0_1";
+const inputHover$6 = "_inputHover_brru0_13";
+const inputFocus$6 = "_inputFocus_brru0_18";
+const inputError$6 = "_inputError_brru0_25";
+const inputWarning$6 = "_inputWarning_brru0_26";
+const inputDisabled$6 = "_inputDisabled_brru0_61";
+const hideScrollbars$6 = "_hideScrollbars_brru0_67";
+const select = "_select_brru0_77";
+const isInTable$2 = "_isInTable_brru0_121";
+const unSelected = "_unSelected_brru0_133";
+const error$3 = "_error_brru0_140";
+const warning$5 = "_warning_brru0_157";
+const small$6 = "_small_brru0_174";
+const right$3 = "_right_brru0_182";
+const groupOrderFirst$1 = "_groupOrderFirst_brru0_193";
+const groupOrderMiddle$1 = "_groupOrderMiddle_brru0_194";
+const groupOrderLast$1 = "_groupOrderLast_brru0_198";
 const styles$n = {
   inputInTable: inputInTable$6,
   inputHover: inputHover$6,
@@ -28425,20 +28421,20 @@ var FixedSizeList = /* @__PURE__ */ createListComponent({
     }
   }
 });
-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 layerContainer = "_layerContainer_1p0ji_1";
+const layer = "_layer_1p0ji_1";
+const small$5 = "_small_1p0ji_23";
+const heading = "_heading_1p0ji_26";
+const option = "_option_1p0ji_27";
+const message = "_message_1p0ji_28";
+const focused = "_focused_1p0ji_64";
+const selected = "_selected_1p0ji_68";
+const disabled$4 = "_disabled_1p0ji_71";
+const check = "_check_1p0ji_75";
+const optionContent = "_optionContent_1p0ji_92";
+const label$5 = "_label_1p0ji_97";
+const icon$2 = "_icon_1p0ji_104";
+const details = "_details_1p0ji_108";
 const styles$m = {
   layerContainer,
   layer,
@@ -28452,7 +28448,7 @@ const styles$m = {
   check,
   optionContent,
   label: label$5,
-  icon: icon$3,
+  icon: icon$2,
   details
 };
 const Heading = ({ label: label2 }) => {
@@ -28605,37 +28601,37 @@ const Layer = ({
     })
   });
 };
-const inputInTable$5 = "_inputInTable_knwss_1";
-const inputHover$5 = "_inputHover_knwss_10";
-const inputFocus$5 = "_inputFocus_knwss_15";
-const inputError$5 = "_inputError_knwss_22";
-const inputWarning$5 = "_inputWarning_knwss_23";
-const inputDisabled$5 = "_inputDisabled_knwss_58";
-const hideScrollbars$5 = "_hideScrollbars_knwss_64";
-const trigger$1 = "_trigger_knwss_78";
-const isInTable$1 = "_isInTable_knwss_94";
-const input = "_input_knwss_1";
-const isOpen = "_isOpen_knwss_112";
-const error$2 = "_error_knwss_120";
-const warning$4 = "_warning_knwss_137";
-const disabled$3 = "_disabled_knwss_154";
-const icons = "_icons_knwss_160";
-const clearAll = "_clearAll_knwss_167";
-const iconOpen = "_iconOpen_knwss_168";
-const small$4 = "_small_knwss_177";
-const triggerInputContainer = "_triggerInputContainer_knwss_186";
-const right$2 = "_right_knwss_195";
-const multiOptions = "_multiOptions_knwss_208";
-const multiOption = "_multiOption_knwss_208";
-const label$4 = "_label_knwss_240";
-const closeMultiOption = "_closeMultiOption_knwss_243";
-const focus = "_focus_knwss_254";
-const selectedSingleValue = "_selectedSingleValue_knwss_258";
-const placeHolder = "_placeHolder_knwss_259";
-const groupOrderFirst = "_groupOrderFirst_knwss_298";
-const groupOrderMiddle = "_groupOrderMiddle_knwss_299";
-const groupOrderLast = "_groupOrderLast_knwss_303";
-const detailedLabel = "_detailedLabel_knwss_308";
+const inputInTable$5 = "_inputInTable_1dpp2_1";
+const inputHover$5 = "_inputHover_1dpp2_13";
+const inputFocus$5 = "_inputFocus_1dpp2_18";
+const inputError$5 = "_inputError_1dpp2_25";
+const inputWarning$5 = "_inputWarning_1dpp2_26";
+const inputDisabled$5 = "_inputDisabled_1dpp2_61";
+const hideScrollbars$5 = "_hideScrollbars_1dpp2_67";
+const trigger$1 = "_trigger_1dpp2_81";
+const isInTable$1 = "_isInTable_1dpp2_97";
+const input = "_input_1dpp2_1";
+const isOpen = "_isOpen_1dpp2_118";
+const error$2 = "_error_1dpp2_126";
+const warning$4 = "_warning_1dpp2_143";
+const disabled$3 = "_disabled_1dpp2_160";
+const icons = "_icons_1dpp2_166";
+const clearAll = "_clearAll_1dpp2_173";
+const iconOpen = "_iconOpen_1dpp2_174";
+const small$4 = "_small_1dpp2_183";
+const triggerInputContainer = "_triggerInputContainer_1dpp2_192";
+const right$2 = "_right_1dpp2_201";
+const multiOptions = "_multiOptions_1dpp2_214";
+const multiOption = "_multiOption_1dpp2_214";
+const label$4 = "_label_1dpp2_246";
+const closeMultiOption = "_closeMultiOption_1dpp2_249";
+const focus = "_focus_1dpp2_260";
+const selectedSingleValue = "_selectedSingleValue_1dpp2_264";
+const placeHolder = "_placeHolder_1dpp2_265";
+const groupOrderFirst = "_groupOrderFirst_1dpp2_304";
+const groupOrderMiddle = "_groupOrderMiddle_1dpp2_305";
+const groupOrderLast = "_groupOrderLast_1dpp2_309";
+const detailedLabel = "_detailedLabel_1dpp2_314";
 const styles$l = {
   inputInTable: inputInTable$5,
   inputHover: inputHover$5,
@@ -56723,8 +56719,8 @@ function Remirror(props) {
   return /* @__PURE__ */ React__default.createElement(I18nProvider, { i18n: i18n2, locale, supportedLocales }, /* @__PURE__ */ React__default.createElement(RemirrorContext.Provider, { value: context2 }, /* @__PURE__ */ React__default.createElement(RemirrorPortals, { portals }), hooks.map((hook, index2) => /* @__PURE__ */ React__default.createElement(HookComponent, { hook, key: index2 })), autoRenderAtStart && /* @__PURE__ */ React__default.createElement(EditorComponent, null), children, autoRenderAtEnd && /* @__PURE__ */ React__default.createElement(EditorComponent, null)));
 }
 const all = "";
-const richTextToolbar = "_richTextToolbar_1owpg_1";
-const richTextToolbarContainer = "_richTextToolbarContainer_1owpg_6";
+const richTextToolbar = "_richTextToolbar_vvcb9_1";
+const richTextToolbarContainer = "_richTextToolbarContainer_vvcb9_6";
 const styles$f = {
   richTextToolbar,
   richTextToolbarContainer
@@ -56797,14 +56793,14 @@ RichTextToolbar.propTypes = {
   disabled: propTypes$1.exports.bool,
   toolbarComponent: propTypes$1.exports.node
 };
-const inputInTable$4 = "_inputInTable_qsvki_1";
-const inputHover$4 = "_inputHover_qsvki_10";
-const inputFocus$4 = "_inputFocus_qsvki_15";
-const inputError$4 = "_inputError_qsvki_22";
-const inputWarning$4 = "_inputWarning_qsvki_23";
-const inputDisabled$4 = "_inputDisabled_qsvki_58";
-const hideScrollbars$4 = "_hideScrollbars_qsvki_64";
-const richTextInput = "_richTextInput_qsvki_74";
+const inputInTable$4 = "_inputInTable_w2f5m_1";
+const inputHover$4 = "_inputHover_w2f5m_13";
+const inputFocus$4 = "_inputFocus_w2f5m_18";
+const inputError$4 = "_inputError_w2f5m_25";
+const inputWarning$4 = "_inputWarning_w2f5m_26";
+const inputDisabled$4 = "_inputDisabled_w2f5m_61";
+const hideScrollbars$4 = "_hideScrollbars_w2f5m_67";
+const richTextInput = "_richTextInput_w2f5m_77";
 const styles$e = {
   inputInTable: inputInTable$4,
   inputHover: inputHover$4,
@@ -57023,24 +57019,24 @@ var reactFastCompare = function isEqual3(a2, b2) {
     throw error2;
   }
 };
-const inputInTable$3 = "_inputInTable_j3ulf_1";
-const inputHover$3 = "_inputHover_j3ulf_10";
-const inputFocus$3 = "_inputFocus_j3ulf_15";
-const inputError$3 = "_inputError_j3ulf_22";
-const inputWarning$3 = "_inputWarning_j3ulf_23";
-const inputDisabled$3 = "_inputDisabled_j3ulf_58";
-const hideScrollbars$3 = "_hideScrollbars_j3ulf_64";
-const sidebar = "_sidebar_j3ulf_77";
-const inner = "_inner_j3ulf_88";
-const title$2 = "_title_j3ulf_98";
-const subtitle = "_subtitle_j3ulf_99";
-const label$2 = "_label_j3ulf_100";
-const collapsed = "_collapsed_j3ulf_104";
-const list = "_list_j3ulf_129";
-const item$2 = "_item_j3ulf_133";
-const active$2 = "_active_j3ulf_159";
-const experimental = "_experimental_j3ulf_163";
-const icon$2 = "_icon_j3ulf_166";
+const inputInTable$3 = "_inputInTable_1j67l_1";
+const inputHover$3 = "_inputHover_1j67l_13";
+const inputFocus$3 = "_inputFocus_1j67l_18";
+const inputError$3 = "_inputError_1j67l_25";
+const inputWarning$3 = "_inputWarning_1j67l_26";
+const inputDisabled$3 = "_inputDisabled_1j67l_61";
+const hideScrollbars$3 = "_hideScrollbars_1j67l_67";
+const sidebar = "_sidebar_1j67l_80";
+const inner = "_inner_1j67l_91";
+const title$2 = "_title_1j67l_101";
+const subtitle = "_subtitle_1j67l_102";
+const label$2 = "_label_1j67l_103";
+const collapsed = "_collapsed_1j67l_107";
+const list = "_list_1j67l_132";
+const item$2 = "_item_1j67l_136";
+const active$2 = "_active_1j67l_162";
+const experimental = "_experimental_1j67l_166";
+const icon$1 = "_icon_1j67l_169";
 const styles$c = {
   inputInTable: inputInTable$3,
   inputHover: inputHover$3,
@@ -57059,7 +57055,7 @@ const styles$c = {
   item: item$2,
   active: active$2,
   experimental,
-  icon: icon$2
+  icon: icon$1
 };
 const TooltipIcon = memo(
   ({ isOpen: isOpen2, label: label2, icon: icon2, invalid }) => {
@@ -59479,18 +59475,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_kz0i8_1";
-const inputHover$2 = "_inputHover_kz0i8_10";
-const inputFocus$2 = "_inputFocus_kz0i8_15";
-const inputError$2 = "_inputError_kz0i8_22";
-const inputWarning$2 = "_inputWarning_kz0i8_23";
-const inputDisabled$2 = "_inputDisabled_kz0i8_58";
-const hideScrollbars$2 = "_hideScrollbars_kz0i8_64";
-const wrapper = "_wrapper_kz0i8_84";
-const bordered = "_bordered_kz0i8_92";
-const scroll2 = "_scroll_kz0i8_96";
-const table = "_table_kz0i8_106";
-const striped = "_striped_kz0i8_186";
+const inputInTable$2 = "_inputInTable_179we_1";
+const inputHover$2 = "_inputHover_179we_13";
+const inputFocus$2 = "_inputFocus_179we_18";
+const inputError$2 = "_inputError_179we_25";
+const inputWarning$2 = "_inputWarning_179we_26";
+const inputDisabled$2 = "_inputDisabled_179we_61";
+const hideScrollbars$2 = "_hideScrollbars_179we_67";
+const wrapper = "_wrapper_179we_87";
+const bordered = "_bordered_179we_95";
+const scroll2 = "_scroll_179we_99";
+const table = "_table_179we_109";
+const striped = "_striped_179we_189";
 const styles$a = {
   inputInTable: inputInTable$2,
   inputHover: inputHover$2,
@@ -59614,36 +59610,36 @@ Footer.propTypes = {
   pagination: paginationShape,
   content: propTypes$1.exports.object
 };
-const inputInTable$1 = "_inputInTable_1av87_1";
-const inputHover$1 = "_inputHover_1av87_10";
-const inputFocus$1 = "_inputFocus_1av87_15";
-const inputError$1 = "_inputError_1av87_22";
-const inputWarning$1 = "_inputWarning_1av87_23";
-const inputDisabled$1 = "_inputDisabled_1av87_58";
-const hideScrollbars$1 = "_hideScrollbars_1av87_64";
-const cell = "_cell_1av87_74";
-const disabledLink = "_disabledLink_1av87_84";
-const inputWrapper = "_inputWrapper_1av87_88";
-const breakWord = "_breakWord_1av87_103";
-const inputCell = "_inputCell_1av87_106";
-const sliderCell = "_sliderCell_1av87_109";
-const staticCell = "_staticCell_1av87_113";
-const staticCellContent = "_staticCellContent_1av87_116";
-const error$1 = "_error_1av87_129";
-const warning$2 = "_warning_1av87_130";
-const unit = "_unit_1av87_139";
-const sortingCell = "_sortingCell_1av87_142";
-const sortingCellIcon = "_sortingCellIcon_1av87_150";
-const icon$1 = "_icon_1av87_157";
-const checkBoxCell = "_checkBoxCell_1av87_161";
-const iconCell = "_iconCell_1av87_165";
-const iconWrapper = "_iconWrapper_1av87_170";
-const actionsCell = "_actionsCell_1av87_174";
-const rightAligned = "_rightAligned_1av87_182";
-const centerAligned = "_centerAligned_1av87_188";
-const leftAligned = "_leftAligned_1av87_194";
-const popover = "_popover_1av87_197";
-const disabledPointerEvents = "_disabledPointerEvents_1av87_200";
+const inputInTable$1 = "_inputInTable_1mfuf_1";
+const inputHover$1 = "_inputHover_1mfuf_13";
+const inputFocus$1 = "_inputFocus_1mfuf_18";
+const inputError$1 = "_inputError_1mfuf_25";
+const inputWarning$1 = "_inputWarning_1mfuf_26";
+const inputDisabled$1 = "_inputDisabled_1mfuf_61";
+const hideScrollbars$1 = "_hideScrollbars_1mfuf_67";
+const cell = "_cell_1mfuf_77";
+const disabledLink = "_disabledLink_1mfuf_87";
+const inputWrapper = "_inputWrapper_1mfuf_91";
+const breakWord = "_breakWord_1mfuf_106";
+const inputCell = "_inputCell_1mfuf_109";
+const sliderCell = "_sliderCell_1mfuf_112";
+const staticCell = "_staticCell_1mfuf_116";
+const staticCellContent = "_staticCellContent_1mfuf_119";
+const error$1 = "_error_1mfuf_132";
+const warning$2 = "_warning_1mfuf_133";
+const unit = "_unit_1mfuf_142";
+const sortingCell = "_sortingCell_1mfuf_145";
+const sortingCellIcon = "_sortingCellIcon_1mfuf_153";
+const icon = "_icon_1mfuf_160";
+const checkBoxCell = "_checkBoxCell_1mfuf_164";
+const iconCell = "_iconCell_1mfuf_168";
+const iconWrapper = "_iconWrapper_1mfuf_173";
+const actionsCell = "_actionsCell_1mfuf_177";
+const rightAligned = "_rightAligned_1mfuf_185";
+const centerAligned = "_centerAligned_1mfuf_191";
+const leftAligned = "_leftAligned_1mfuf_197";
+const popover = "_popover_1mfuf_200";
+const disabledPointerEvents = "_disabledPointerEvents_1mfuf_203";
 const styles$7 = {
   inputInTable: inputInTable$1,
   inputHover: inputHover$1,
@@ -59665,7 +59661,7 @@ const styles$7 = {
   unit,
   sortingCell,
   sortingCellIcon,
-  icon: icon$1,
+  icon,
   checkBoxCell,
   iconCell,
   iconWrapper,
@@ -61169,18 +61165,18 @@ TextLink.propTypes = {
   testId: propTypes$1.exports.string,
   onClick: propTypes$1.exports.func
 };
-const inputInTable = "_inputInTable_eglhq_1";
-const inputHover = "_inputHover_eglhq_10";
-const inputFocus = "_inputFocus_eglhq_15";
-const inputError = "_inputError_eglhq_22";
-const inputWarning = "_inputWarning_eglhq_23";
-const inputDisabled = "_inputDisabled_eglhq_58";
-const hideScrollbars = "_hideScrollbars_eglhq_64";
-const textarea = "_textarea_eglhq_74";
-const small$1 = "_small_eglhq_112";
-const error = "_error_eglhq_118";
-const warning$1 = "_warning_eglhq_135";
-const monospace = "_monospace_eglhq_152";
+const inputInTable = "_inputInTable_1ol5b_1";
+const inputHover = "_inputHover_1ol5b_13";
+const inputFocus = "_inputFocus_1ol5b_18";
+const inputError = "_inputError_1ol5b_25";
+const inputWarning = "_inputWarning_1ol5b_26";
+const inputDisabled = "_inputDisabled_1ol5b_61";
+const hideScrollbars = "_hideScrollbars_1ol5b_67";
+const textarea = "_textarea_1ol5b_77";
+const small$1 = "_small_1ol5b_115";
+const error = "_error_1ol5b_121";
+const warning$1 = "_warning_1ol5b_138";
+const monospace = "_monospace_1ol5b_155";
 const styles$4 = {
   inputInTable,
   inputHover,
@@ -62452,26 +62448,26 @@ Toggle.propTypes = {
   helpText: propTypes$1.exports.string,
   onClickHelp: propTypes$1.exports.func
 };
-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 topbar = "_topbar_1gz82_7";
+const fixed = "_fixed_1gz82_16";
+const appSwitcher = "_appSwitcher_1gz82_24";
+const title = "_title_1gz82_48";
+const logo = "_logo_1gz82_64";
+const label = "_label_1gz82_67";
+const brand = "_brand_1gz82_72";
+const version = "_version_1gz82_77";
+const left = "_left_1gz82_84";
+const right = "_right_1gz82_85";
+const item = "_item_1gz82_99";
+const link = "_link_1gz82_100";
+const button = "_button_1gz82_112";
+const menu = "_menu_1gz82_113";
+const active = "_active_1gz82_141";
+const alert = "_alert_1gz82_166";
 const styles$2 = {
   topbar,
   fixed,
-  icon,
+  appSwitcher,
   title,
   logo,
   label,
@@ -62522,6 +62518,22 @@ const Title = ({ label: label2, logo: logo2, url, version: version2, onClick })
     })
   });
 };
+const AppSwitcher = ({ icon: icon2, url, onClick }) => {
+  const content2 = /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, {
+    icon: icon2,
+    size: 28
+  });
+  return url ? /* @__PURE__ */ jsxRuntime.exports.jsx("a", {
+    href: url,
+    onClick,
+    className: styles$2.appSwitcher,
+    children: content2
+  }) : /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
+    onClick,
+    className: styles$2.appSwitcher,
+    children: content2
+  });
+};
 const Link = ({
   label: label2,
   url,
@@ -62610,7 +62622,7 @@ const Element$1 = ({ element }) => {
 };
 const TopBar = ({
   title: title2,
-  icon: icon2,
+  appSwitcher: appSwitcher2,
   content: content2,
   contentRight,
   warning: warning2,
@@ -62626,14 +62638,10 @@ 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 },
-            onClick: icon2.onClick,
-            children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, {
-              icon: icon2.icon,
-              size: 28
-            })
+          !!appSwitcher2 && /* @__PURE__ */ jsxRuntime.exports.jsx(AppSwitcher, {
+            icon: appSwitcher2.icon,
+            url: appSwitcher2.url,
+            onClick: appSwitcher2.onClick
           }),
           /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
             className: styles$2.left,
@@ -62673,7 +62681,7 @@ const TopBar = ({
 };
 TopBar.defaultProps = {
   title: null,
-  icon: null,
+  appSwitcher: null,
   content: [],
   contentRight: [],
   warning: "",
@@ -62688,9 +62696,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({
+  appSwitcher: propTypes$1.exports.shape({
     icon: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.node]),
-    onClick: propTypes$1.exports.func
+    onClick: propTypes$1.exports.func,
+    url: propTypes$1.exports.string
   }),
   content: propTypes$1.exports.array,
   contentRight: propTypes$1.exports.array,