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

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_p1n9d_1";
+const inputHover$b = "_inputHover_p1n9d_10";
+const inputFocus$b = "_inputFocus_p1n9d_15";
+const inputError$b = "_inputError_p1n9d_22";
+const inputWarning$b = "_inputWarning_p1n9d_23";
+const inputDisabled$b = "_inputDisabled_p1n9d_58";
+const hideScrollbars$b = "_hideScrollbars_p1n9d_64";
+const button$3 = "_button_p1n9d_97";
+const active$7 = "_active_p1n9d_134";
+const green$1 = "_green_p1n9d_134";
+const red$1 = "_red_p1n9d_134";
+const orange$1 = "_orange_p1n9d_134";
+const icon$4 = "_icon_p1n9d_146";
+const iconOnly = "_iconOnly_p1n9d_151";
+const basic = "_basic_p1n9d_161";
+const muted$2 = "_muted_p1n9d_167";
+const disabled$7 = "_disabled_p1n9d_179";
+const small$c = "_small_p1n9d_189";
+const pill = "_pill_p1n9d_194";
+const round = "_round_p1n9d_195";
+const error$8 = "_error_p1n9d_265";
+const warning$c = "_warning_p1n9d_282";
+const inverted$1 = "_inverted_p1n9d_299";
+const groupOrderFirst$4 = "_groupOrderFirst_p1n9d_329";
+const groupOrderMiddle$4 = "_groupOrderMiddle_p1n9d_330";
+const groupOrderLast$4 = "_groupOrderLast_p1n9d_331";
 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_5lftx_1";
+const inputHover$a = "_inputHover_5lftx_10";
+const inputFocus$a = "_inputFocus_5lftx_15";
+const inputError$a = "_inputError_5lftx_22";
+const inputWarning$a = "_inputWarning_5lftx_23";
+const inputDisabled$a = "_inputDisabled_5lftx_58";
+const hideScrollbars$a = "_hideScrollbars_5lftx_64";
+const inline$2 = "_inline_5lftx_88";
+const left$2 = "_left_5lftx_91";
+const right$6 = "_right_5lftx_94";
+const fixed$1 = "_fixed_5lftx_97";
+const border$1 = "_border_5lftx_109";
+const shadow = "_shadow_5lftx_115";
+const drawerContent = "_drawerContent_5lftx_118";
+const isResizing = "_isResizing_5lftx_130";
+const toggleButton = "_toggleButton_5lftx_141";
+const top = "_top_5lftx_154";
+const bottom = "_bottom_5lftx_157";
+const toggleButtonOpen = "_toggleButtonOpen_5lftx_160";
+const tabs$1 = "_tabs_5lftx_163";
+const tab$1 = "_tab_5lftx_163";
+const active$4 = "_active_5lftx_195";
+const tabsContent = "_tabsContent_5lftx_217";
+const resizeHandle = "_resizeHandle_5lftx_223";
 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
@@ -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_15szv_1";
+const inputHover$8 = "_inputHover_15szv_10";
+const inputFocus$8 = "_inputFocus_15szv_15";
+const inputError$8 = "_inputError_15szv_22";
+const inputWarning$8 = "_inputWarning_15szv_23";
+const inputDisabled$8 = "_inputDisabled_15szv_58";
+const hideScrollbars$8 = "_hideScrollbars_15szv_64";
+const header$1 = "_header_15szv_74";
+const headerTitle = "_headerTitle_15szv_74";
+const heading$3 = "_heading_15szv_75";
+const itemHeader = "_itemHeader_15szv_75";
+const narrow = "_narrow_15szv_78";
+const stickyHeader = "_stickyHeader_15szv_82";
+const title$3 = "_title_15szv_93";
+const name = "_name_15szv_99";
+const iconTooltipMargin = "_iconTooltipMargin_15szv_102";
+const bold = "_bold_15szv_105";
+const toggleNarrow = "_toggleNarrow_15szv_114";
+const drag$1 = "_drag_15szv_132";
+const list$1 = "_list_15szv_149";
+const bordered$1 = "_bordered_15szv_153";
+const item$4 = "_item_15szv_75";
+const action = "_action_15szv_186";
+const active$3 = "_active_15szv_189";
+const disabled$5 = "_disabled_15szv_204";
+const label$6 = "_label_15szv_215";
+const details$2 = "_details_15szv_222";
+const metadata = "_metadata_15szv_223";
+const itemContent = "_itemContent_15szv_231";
+const indentIcon = "_indentIcon_15szv_238";
+const expandIcon = "_expandIcon_15szv_243";
+const expanded = "_expanded_15szv_249";
+const right$4 = "_right_15szv_252";
+const actions = "_actions_15szv_260";
+const scrollableList = "_scrollableList_15szv_265";
+const hideScrollbar = "_hideScrollbar_15szv_64";
 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_12x0j_1";
+const inputHover$7 = "_inputHover_12x0j_10";
+const inputFocus$7 = "_inputFocus_12x0j_15";
+const inputError$7 = "_inputError_12x0j_22";
+const inputWarning$7 = "_inputWarning_12x0j_23";
+const inputDisabled$7 = "_inputDisabled_12x0j_58";
+const hideScrollbars$7 = "_hideScrollbars_12x0j_64";
+const container$1 = "_container_12x0j_80";
+const block$1 = "_block_12x0j_98";
+const info = "_info_12x0j_101";
+const success = "_success_12x0j_105";
+const warning$6 = "_warning_12x0j_109";
+const error$4 = "_error_12x0j_113";
+const content$1 = "_content_12x0j_117";
+const heading$2 = "_heading_12x0j_121";
+const icon$3 = "_icon_12x0j_128";
+const dismiss$1 = "_dismiss_12x0j_136";
+const absolute = "_absolute_12x0j_140";
+const legendToggle = "_legendToggle_12x0j_149";
+const detailsText = "_detailsText_12x0j_159";
+const footer$1 = "_footer_12x0j_163";
 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,
@@ -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_1nafn_1";
+const inputHover$5 = "_inputHover_1nafn_10";
+const inputFocus$5 = "_inputFocus_1nafn_15";
+const inputError$5 = "_inputError_1nafn_22";
+const inputWarning$5 = "_inputWarning_1nafn_23";
+const inputDisabled$5 = "_inputDisabled_1nafn_58";
+const hideScrollbars$5 = "_hideScrollbars_1nafn_64";
+const trigger$1 = "_trigger_1nafn_78";
+const isInTable$1 = "_isInTable_1nafn_94";
+const input = "_input_1nafn_1";
+const isOpen = "_isOpen_1nafn_112";
+const error$2 = "_error_1nafn_120";
+const warning$4 = "_warning_1nafn_137";
+const disabled$3 = "_disabled_1nafn_154";
+const icons = "_icons_1nafn_160";
+const clearAll = "_clearAll_1nafn_167";
+const iconOpen = "_iconOpen_1nafn_168";
+const small$4 = "_small_1nafn_177";
+const triggerInputContainer = "_triggerInputContainer_1nafn_186";
+const right$2 = "_right_1nafn_195";
+const multiOptions = "_multiOptions_1nafn_208";
+const multiOption = "_multiOption_1nafn_208";
+const label$4 = "_label_1nafn_240";
+const closeMultiOption = "_closeMultiOption_1nafn_243";
+const focus = "_focus_1nafn_254";
+const selectedSingleValue = "_selectedSingleValue_1nafn_258";
+const placeHolder = "_placeHolder_1nafn_259";
+const groupOrderFirst = "_groupOrderFirst_1nafn_298";
+const groupOrderMiddle = "_groupOrderMiddle_1nafn_299";
+const groupOrderLast = "_groupOrderLast_1nafn_303";
+const detailedLabel = "_detailedLabel_1nafn_308";
 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
@@ -57040,7 +57036,7 @@ 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 icon$1 = "_icon_j3ulf_166";
 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 }) => {
@@ -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_meez6_1";
+const inputHover$1 = "_inputHover_meez6_10";
+const inputFocus$1 = "_inputFocus_meez6_15";
+const inputError$1 = "_inputError_meez6_22";
+const inputWarning$1 = "_inputWarning_meez6_23";
+const inputDisabled$1 = "_inputDisabled_meez6_58";
+const hideScrollbars$1 = "_hideScrollbars_meez6_64";
+const cell = "_cell_meez6_74";
+const disabledLink = "_disabledLink_meez6_84";
+const inputWrapper = "_inputWrapper_meez6_88";
+const breakWord = "_breakWord_meez6_103";
+const inputCell = "_inputCell_meez6_106";
+const sliderCell = "_sliderCell_meez6_109";
+const staticCell = "_staticCell_meez6_113";
+const staticCellContent = "_staticCellContent_meez6_116";
+const error$1 = "_error_meez6_129";
+const warning$2 = "_warning_meez6_130";
+const unit = "_unit_meez6_139";
+const sortingCell = "_sortingCell_meez6_142";
+const sortingCellIcon = "_sortingCellIcon_meez6_150";
+const icon = "_icon_meez6_157";
+const checkBoxCell = "_checkBoxCell_meez6_161";
+const iconCell = "_iconCell_meez6_165";
+const iconWrapper = "_iconWrapper_meez6_170";
+const actionsCell = "_actionsCell_meez6_174";
+const rightAligned = "_rightAligned_meez6_182";
+const centerAligned = "_centerAligned_meez6_188";
+const leftAligned = "_leftAligned_meez6_194";
+const popover = "_popover_meez6_197";
+const disabledPointerEvents = "_disabledPointerEvents_meez6_200";
 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,
@@ -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,