@oliasoft-open-source/react-ui-library 4.10.9 → 4.10.10-beta-2

package/dist/assets/{index-DoFa61ar.js → index-BxBkiGq9.js}

@@ -9285,7 +9285,7 @@ const wrapper$2 = "_wrapper_18jt2_1";
 const customSvg = "_customSvg_18jt2_8";
 const customPng = "_customPng_18jt2_11";
 const clickable$1 = "_clickable_18jt2_16";
-const styles$j = {
+const styles$k = {
   wrapper: wrapper$2,
   customSvg,
   customPng,
@@ -9889,8 +9889,8 @@ const Icon = ({
     "div",
     {
       className: cx$2(
-        styles$j.wrapper,
-        (clickable2 || onClick) && !disabledContext ? styles$j.clickable : ""
+        styles$k.wrapper,
+        (clickable2 || onClick) && !disabledContext ? styles$k.clickable : ""
       ),
       style,
       onClick: (evt) => onClick && !disabledContext ? onClick(evt) : void 0,
@@ -9898,7 +9898,7 @@ const Icon = ({
       children: reactExports.isValidElement(icon2) ? icon2 : typeof icon2 === "string" && (icon2.includes(".svg") || icon2.includes("image/svg")) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
         ReactSVG,
         {
-          className: styles$j.customSvg,
+          className: styles$k.customSvg,
           beforeInjection: (svg) => {
             if (size2) {
               svg.setAttribute("width", String(size2));
@@ -9907,7 +9907,7 @@ const Icon = ({
           },
           src: icon2
         }
-      ) : typeof icon2 === "string" && (icon2.includes(".png") || icon2.includes("image/png")) ? /* @__PURE__ */ jsxRuntimeExports.jsx("img", { alt: "icon", className: styles$j.customPng, src: icon2 }) : typeof icon2 === "string" ? /* @__PURE__ */ jsxRuntimeExports.jsx(NamedIcon, { icon: icon2 }) : null
+      ) : typeof icon2 === "string" && (icon2.includes(".png") || icon2.includes("image/png")) ? /* @__PURE__ */ jsxRuntimeExports.jsx("img", { alt: "icon", className: styles$k.customPng, src: icon2 }) : typeof icon2 === "string" ? /* @__PURE__ */ jsxRuntimeExports.jsx(NamedIcon, { icon: icon2 }) : null
     }
   );
 };
@@ -11889,7 +11889,7 @@ function useHover(_temp) {
 const tooltip = "_tooltip_wli9z_1";
 const error$q = "_error_wli9z_15";
 const warning$7 = "_warning_wli9z_19";
-const styles$i = {
+const styles$j = {
   tooltip,
   error: error$q,
   warning: warning$7
@@ -11920,8 +11920,8 @@ const TooltipLayer = ({
     "div",
     {
       className: cx$2(
-        styles$i.tooltip,
-        error2 ? styles$i.error : warning2 ? styles$i.warning : ""
+        styles$j.tooltip,
+        error2 ? styles$j.error : warning2 ? styles$j.warning : ""
       ),
       ...layerProps,
       children: [
@@ -11990,7 +11990,7 @@ const Tooltip = ({
 const helpIcon = "_helpIcon_hd0z2_1";
 const active$7 = "_active_hd0z2_9";
 const clickable = "_clickable_hd0z2_12";
-const styles$h = {
+const styles$i = {
   helpIcon,
   active: active$7,
   clickable
@@ -12021,9 +12021,9 @@ const HelpIcon = ({
     "div",
     {
       className: cx$2(
-        styles$h.helpIcon,
-        onClick ? styles$h.clickable : "",
-        active2 ? styles$h.active : ""
+        styles$i.helpIcon,
+        onClick ? styles$i.clickable : "",
+        active2 ? styles$i.active : ""
       ),
       onClick: onClickHelpIcon,
       "data-testid": testId,
@@ -17522,7 +17522,7 @@ const inputError$5 = "_inputError_1k3a0_25";
 const inputWarning$5 = "_inputWarning_1k3a0_26";
 const inputDisabled$5 = "_inputDisabled_1k3a0_61";
 const hideScrollbars$5 = "_hideScrollbars_1k3a0_67";
-const button$1 = "_button_1k3a0_100";
+const button$2 = "_button_1k3a0_100";
 const active$6 = "_active_1k3a0_135";
 const green = "_green_1k3a0_135";
 const red = "_red_1k3a0_135";
@@ -17532,7 +17532,7 @@ const iconOnly = "_iconOnly_1k3a0_153";
 const basic = "_basic_1k3a0_163";
 const muted$2 = "_muted_1k3a0_169";
 const disabled$3 = "_disabled_1k3a0_188";
-const small$3 = "_small_1k3a0_198";
+const small$4 = "_small_1k3a0_198";
 const pill = "_pill_1k3a0_203";
 const round = "_round_1k3a0_204";
 const inverted = "_inverted_1k3a0_310";
@@ -17549,7 +17549,7 @@ const buttonStyles = {
   inputWarning: inputWarning$5,
   inputDisabled: inputDisabled$5,
   hideScrollbars: hideScrollbars$5,
-  button: button$1,
+  button: button$2,
   active: active$6,
   green,
   red,
@@ -17559,7 +17559,7 @@ const buttonStyles = {
   basic,
   muted: muted$2,
   disabled: disabled$3,
-  small: small$3,
+  small: small$4,
   pill,
   round,
   inverted,
@@ -17568,7 +17568,7 @@ const buttonStyles = {
   groupOrderLast: groupOrderLast$1
 };
 const spinner = "_spinner_156m4_1";
-const styles$g = {
+const styles$h = {
   spinner
 };
 const Spinner = ({
@@ -17579,7 +17579,7 @@ const Spinner = ({
 }) => {
   const color2 = colored ? "var(--color-text-primary)" : dark2 ? "var(--color-text-muted)" : "white";
   const fontSize = small2 ? "var(--font-size)" : tiny ? "var(--font-size-xs)" : "var(--size)";
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$g.spinner, style: { color: color2, fontSize } });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$h.spinner, style: { color: color2, fontSize } });
 };
 var ButtonType = /* @__PURE__ */ ((ButtonType2) => {
   ButtonType2["SUBMIT"] = "submit";
@@ -17702,7 +17702,7 @@ const actions$2 = "_actions_1t7vd_1";
 const childComponent = "_childComponent_1t7vd_11";
 const actionComponentContainer = "_actionComponentContainer_1t7vd_14";
 const active$5 = "_active_1t7vd_36";
-const styles$f = {
+const styles$g = {
   actions: actions$2,
   childComponent,
   actionComponentContainer,
@@ -17725,7 +17725,7 @@ const inline$2 = "_inline_1iw97_108";
 const icon$1 = "_icon_1iw97_113";
 const check = "_check_1iw97_114";
 const text$1 = "_text_1iw97_136";
-const label$4 = "_label_1iw97_141";
+const label$5 = "_label_1iw97_141";
 const description$2 = "_description_1iw97_152";
 const arrow$1 = "_arrow_1iw97_156";
 const divider$1 = "_divider_1iw97_160";
@@ -17736,7 +17736,7 @@ const buttonCaret = "_buttonCaret_1iw97_179";
 const component = "_component_1iw97_183";
 const right$4 = "_right_1iw97_189";
 const actions$1 = "_actions_1iw97_194";
-const styles$e = {
+const styles$f = {
   wrapper: wrapper$1,
   layer,
   layerContainer,
@@ -17754,7 +17754,7 @@ const styles$e = {
   icon: icon$1,
   check,
   text: text$1,
-  label: label$4,
+  label: label$5,
   description: description$2,
   arrow: arrow$1,
   divider: divider$1,
@@ -17770,15 +17770,15 @@ const Heading$1 = ({ label: label2, onClick, icon: icon2, testId }) => /* @__PUR
   "div",
   {
     onClick: (evt) => evt.stopPropagation(),
-    className: styles$e.heading,
+    className: styles$f.heading,
     "data-testid": testId,
     children: [
       label2,
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$e.headingIcon, onClick, children: icon2 })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$f.headingIcon, onClick, children: icon2 })
     ]
   }
 );
-const Divider$1 = () => /* @__PURE__ */ jsxRuntimeExports.jsx("hr", { className: styles$e.divider });
+const Divider$1 = () => /* @__PURE__ */ jsxRuntimeExports.jsx("hr", { className: styles$f.divider });
 const Option = ({
   actions: actions2,
   label: label2,
@@ -17831,28 +17831,28 @@ const Option = ({
       href: url,
       to: url,
       className: cx$2(
-        styles$e.option,
-        disabled2 ? styles$e.disabled : "",
-        inline2 ? styles$e.inline : "",
-        selected2 ? styles$e.selected : ""
+        styles$f.option,
+        disabled2 ? styles$f.disabled : "",
+        inline2 ? styles$f.inline : "",
+        selected2 ? styles$f.selected : ""
       ),
       onClick: handleClick2,
       "data-testid": testId,
       children: [
-        icon2 ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$e.icon, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: icon2 }) }) : null,
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$e.optionContent, children: [
+        icon2 ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$f.icon, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: icon2 }) }) : null,
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$f.optionContent, children: [
           upload && /* @__PURE__ */ jsxRuntimeExports.jsx(
             "input",
             {
               type: "file",
-              className: styles$e.fileInput,
+              className: styles$f.fileInput,
               onChange: handleFileChange
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$e.label, title: `${title2 || label2}`, children: label2 }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$e.right, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$e.description, children: description2 }),
-            !!(actions2 == null ? void 0 : actions2.length) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$e.actions, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Actions, { actions: actions2 }) })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$f.label, title: `${title2 || label2}`, children: label2 }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$f.right, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$f.description, children: description2 }),
+            !!(actions2 == null ? void 0 : actions2.length) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$f.actions, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Actions, { actions: actions2 }) })
           ] })
         ] })
       ]
@@ -17986,7 +17986,7 @@ const Layer = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
-      className: cx$2(styles$e.layer, isNested ? styles$e.nested : null),
+      className: cx$2(styles$f.layer, isNested ? styles$f.nested : null),
       style: { maxWidth: width2, maxHeight },
       "data-testid": testId,
       children: /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: localSections.map((section, i) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -18014,19 +18014,19 @@ const isStringNumberOrNode = (value) => {
 };
 const wrapper = "_wrapper_nwprz_1";
 const badge = "_badge_nwprz_5";
-const label$3 = "_label_nwprz_11";
+const label$4 = "_label_nwprz_11";
 const dark = "_dark_nwprz_23";
 const light = "_light_nwprz_26";
-const small$2 = "_small_nwprz_29";
+const small$3 = "_small_nwprz_29";
 const dot = "_dot_nwprz_33";
 const hasChildren = "_hasChildren_nwprz_39";
-const styles$d = {
+const styles$e = {
   wrapper,
   badge,
-  label: label$3,
+  label: label$4,
   dark,
   light,
-  small: small$2,
+  small: small$3,
   dot,
   hasChildren
 };
@@ -18048,16 +18048,16 @@ const Badge = ({
   small: small2 = false
 }) => {
   const visible = !(title2 === null && dot2 === false);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$d.wrapper, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$e.wrapper, children: [
     visible && /* @__PURE__ */ jsxRuntimeExports.jsx(
       "sup",
       {
         className: cx$2(
-          styles$d.badge,
-          isDark(color2) ? styles$d.dark : styles$d.light,
-          title2 !== null ? styles$d.label : styles$d.dot,
-          small2 ? styles$d.small : "",
-          children ? styles$d.hasChildren : ""
+          styles$e.badge,
+          isDark(color2) ? styles$e.dark : styles$e.light,
+          title2 !== null ? styles$e.label : styles$e.dot,
+          small2 ? styles$e.small : "",
+          children ? styles$e.hasChildren : ""
         ),
         style: {
           background: color2 || void 0,
@@ -18083,16 +18083,16 @@ const Button = ({
   active: active2
 }) => {
   const disabledContext = reactExports.useContext(DisabledContext);
-  const buttonLabel2 = trigger2 === TriggerType.BUTTON ? label2 : trigger2 === TriggerType.DROP_DOWN_BUTTON ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: styles$e.middleAlignedInline, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$e.buttonLabel, children: label2 }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$e.buttonCaret, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: IconType.CHEVRON_DOWN }) })
+  const buttonLabel2 = trigger2 === TriggerType.BUTTON ? label2 : trigger2 === TriggerType.DROP_DOWN_BUTTON ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: styles$f.middleAlignedInline, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$f.buttonLabel, children: label2 }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$f.buttonCaret, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: IconType.CHEVRON_DOWN }) })
   ] }) : null;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
       className: cx$2(
-        styles$e.trigger,
-        disabled2 || disabledContext ? styles$e.disabled : null
+        styles$f.trigger,
+        disabled2 || disabledContext ? styles$f.disabled : null
       ),
       style: { width: width2 },
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -18132,13 +18132,13 @@ const Text$1 = ({
     "div",
     {
       className: cx$2(
-        styles$e.trigger,
-        disabled2 ? styles$e.disabled : null,
-        isOpen ? styles$e.active : null
+        styles$f.trigger,
+        disabled2 ? styles$f.disabled : null,
+        isOpen ? styles$f.active : null
       ),
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$e.label, title: titleText, children: label2 }),
-        carat && carat === MenuCarat.RIGHT ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$e.arrow, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: IconType.CHEVRON_RIGHT }) }) : carat && carat === MenuCarat.DOWN ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$e.arrow, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: IconType.CHEVRON_DOWN }) }) : null
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$f.label, title: titleText, children: label2 }),
+        carat && carat === MenuCarat.RIGHT ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$f.arrow, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: IconType.CHEVRON_RIGHT }) }) : carat && carat === MenuCarat.DOWN ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$f.arrow, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: IconType.CHEVRON_DOWN }) }) : null
       ]
     }
   );
@@ -18151,7 +18151,7 @@ const Component = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
-      className: cx$2(styles$e.component, disabled2 ? styles$e.disabled : null),
+      className: cx$2(styles$f.component, disabled2 ? styles$f.disabled : null),
       "data-testid": testId,
       children: component2
     }
@@ -18232,7 +18232,7 @@ const Trigger = React$4.forwardRef(
       "div",
       {
         ref: ref2,
-        className: styles$e.wrapper,
+        className: styles$f.wrapper,
         style: width2 ? { width: width2 } : {
           ...fullHeight && {
             height: "100%",
@@ -18454,7 +18454,7 @@ const DropDownMenu = ({
         "div",
         {
           ...layerProps,
-          className: styles$e.layerContainer,
+          className: styles$f.layerContainer,
           "data-testid": menu2.testId,
           onClick: (evt) => evt.stopPropagation(),
           children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -18523,7 +18523,7 @@ const SubmenuActions = (props) => {
 const Actions = (props) => {
   const disabledContext = reactExports.useContext(DisabledContext);
   const { actions: actions2 = [], closeLayer } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cx$2(styles$f.actions), children: actions2.map((action2, index2) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cx$2(styles$g.actions), children: actions2.map((action2, index2) => {
     const hidden = (action2 == null ? void 0 : action2.hidden) || !action2 || !Object.keys(action2).length;
     if (!hidden) {
       if (action2.childComponent && React$4.isValidElement(action2.childComponent)) {
@@ -18531,7 +18531,7 @@ const Actions = (props) => {
           "div",
           {
             "data-testid": action2.testId,
-            className: styles$f.childComponent,
+            className: styles$g.childComponent,
             children: action2.childComponent
           },
           index2
@@ -18586,7 +18586,7 @@ const cardHeader = "_cardHeader_ucdeu_13";
 const cardContentBorderTop = "_cardContentBorderTop_ucdeu_19";
 const padding = "_padding_ucdeu_22";
 const cardContent = "_cardContent_ucdeu_19";
-const styles$c = {
+const styles$d = {
   card,
   bordered: bordered$1,
   raised,
@@ -18607,20 +18607,20 @@ const Card = ({
     "div",
     {
       className: cx$2(
-        styles$c.card,
-        bordered2 ? styles$c.bordered : "",
-        raised2 ? styles$c.raised : ""
+        styles$d.card,
+        bordered2 ? styles$d.bordered : "",
+        raised2 ? styles$d.raised : ""
       ),
       style: { margin },
       children: [
-        heading2 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cx$2(styles$c.cardHeader), children: heading2 }) : null,
+        heading2 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cx$2(styles$d.cardHeader), children: heading2 }) : null,
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
             className: cx$2(
-              styles$c.cardContent,
-              heading2 ? styles$c.cardContentBorderTop : "",
-              padding2 ? styles$c.padding : ""
+              styles$d.cardContent,
+              heading2 ? styles$d.cardContentBorderTop : "",
+              padding2 ? styles$d.padding : ""
             ),
             children
           }
@@ -19731,7 +19731,7 @@ dt.div`
 const divider = "_divider_2bfzh_1";
 const alignLeft = "_alignLeft_2bfzh_12";
 const alignRight = "_alignRight_2bfzh_15";
-const styles$b = {
+const styles$c = {
   divider,
   alignLeft,
   alignRight
@@ -19743,9 +19743,9 @@ const faint = "_faint_11ofj_10";
 const success = "_success_11ofj_13";
 const warning$5 = "_warning_11ofj_16";
 const error$o = "_error_11ofj_19";
-const small$1 = "_small_11ofj_22";
+const small$2 = "_small_11ofj_22";
 const link$2 = "_link_11ofj_25";
-const styles$a = {
+const styles$b = {
   bold: bold$1,
   center,
   muted: muted$1,
@@ -19753,7 +19753,7 @@ const styles$a = {
   success,
   warning: warning$5,
   error: error$o,
-  small: small$1,
+  small: small$2,
   link: link$2
 };
 const Text = ({
@@ -19773,16 +19773,16 @@ const Text = ({
     "span",
     {
       className: cx$2(
-        bold2 && styles$a.bold,
-        center2 && styles$a.center,
-        error2 && styles$a.error,
-        faint2 && styles$a.faint,
-        link2 && styles$a.link,
-        muted2 && styles$a.muted,
-        onClick && styles$a.clickable,
-        small2 && styles$a.small,
-        success2 && styles$a.success,
-        warning2 && styles$a.warning
+        bold2 && styles$b.bold,
+        center2 && styles$b.center,
+        error2 && styles$b.error,
+        faint2 && styles$b.faint,
+        link2 && styles$b.link,
+        muted2 && styles$b.muted,
+        onClick && styles$b.clickable,
+        small2 && styles$b.small,
+        success2 && styles$b.success,
+        warning2 && styles$b.warning
       ),
       onClick,
       children
@@ -19792,9 +19792,9 @@ const Text = ({
 const cssAlignClass = (align) => {
   switch (align) {
     case Align.LEFT:
-      return styles$b.alignLeft;
+      return styles$c.alignLeft;
     case Align.RIGHT:
-      return styles$b.alignRight;
+      return styles$c.alignRight;
     default:
       return "";
   }
@@ -19807,7 +19807,7 @@ const Divider = ({
 }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
   "div",
   {
-    className: `${styles$b.divider} ${cssAlignClass(align)}`,
+    className: `${styles$c.divider} ${cssAlignClass(align)}`,
     style: {
       marginTop: margin,
       marginBottom: margin,
@@ -19819,7 +19819,7 @@ const Divider = ({
 const heading$1 = "_heading_yhdiy_1";
 const top$1 = "_top_yhdiy_10";
 const icons = "_icons_yhdiy_20";
-const styles$9 = {
+const styles$a = {
   heading: heading$1,
   top: top$1,
   icons
@@ -19840,13 +19840,13 @@ const Heading = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
-      className: cx$2(styles$9.heading, top2 ? styles$9.top : ""),
+      className: cx$2(styles$a.heading, top2 ? styles$a.top : ""),
       style: { marginBottom },
       onClick,
       "data-testid": testId,
       children: [
         children,
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$9.icons, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$a.icons, children: [
           icon2 && /* @__PURE__ */ jsxRuntimeExports.jsx(HelpIcon, { onClick: onIconClick, icon: icon2 }),
           isHelpIconDisplayed && /* @__PURE__ */ jsxRuntimeExports.jsx(HelpIcon, { text: helpText, onClick: onClickHelp }),
           libraryIcon && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -19889,7 +19889,7 @@ const active$3 = "_active_13n8n_197";
 const disabled$1 = "_disabled_13n8n_222";
 const tabsContent = "_tabsContent_13n8n_229";
 const resizeHandle = "_resizeHandle_13n8n_235";
-const styles$8 = {
+const styles$9 = {
   inputInTable: inputInTable$4,
   error: error$n,
   warning: warning$4,
@@ -19932,13 +19932,13 @@ const DrawerTabs = ({
   testId
 }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$8.tabs, children: tabs2.map((tab2, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$9.tabs, children: tabs2.map((tab2, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
         className: cx$2(
-          styles$8.tab,
-          activeTab === index2 && open ? styles$8.active : "",
-          tab2.disabled ? styles$8.disabled : ""
+          styles$9.tab,
+          activeTab === index2 && open ? styles$9.active : "",
+          tab2.disabled ? styles$9.disabled : ""
         ),
         style: { background: background2 },
         onClick: !tab2.disabled ? () => handleTabClick(index2) : void 0,
@@ -19953,7 +19953,7 @@ const DrawerTabs = ({
         "div",
         {
           style: { width: typeof width2 === "number" ? `${width2}px` : width2 },
-          className: styles$8.tabsContent,
+          className: styles$9.tabsContent,
           "data-testid": testId && `${testId}-content-${index2}`,
           children: active2 && open && tab2.content
         },
@@ -21874,7 +21874,7 @@ const MIN_OPEN_WIDTH = 240;
 const ResizeHandle = reactExports.forwardRef(
   (props, ref2) => {
     const { handleAxis, ...rest } = props;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: ref2, className: styles$8.resizeHandle, ...rest, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: IconType.DRAG }) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: ref2, className: styles$9.resizeHandle, ...rest, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: IconType.DRAG }) });
   }
 );
 const DrawerResizeWrapper = ({
@@ -21900,7 +21900,7 @@ const DrawerResizeWrapper = ({
       handle: /* @__PURE__ */ jsxRuntimeExports.jsx(ResizeHandle, {}),
       resizeHandles: right2 ? ["w"] : ["e"],
       axis: "x",
-      className: isResizing2 ? styles$8.isResizing : "",
+      className: isResizing2 ? styles$9.isResizing : "",
       onResizeStart: () => {
         if (setOpen) setOpen(true);
         if (onResize) onResize(width2);
@@ -21998,17 +21998,17 @@ const Drawer = ({
         "div",
         {
           className: cx$2(
-            styles$8.drawer,
-            shadow4 ? styles$8.shadow : "",
-            fixed2 ? styles$8.fixed : styles$8.inline,
-            right2 ? styles$8.right : styles$8.left
+            styles$9.drawer,
+            shadow4 ? styles$9.shadow : "",
+            fixed2 ? styles$9.fixed : styles$9.inline,
+            right2 ? styles$9.right : styles$9.left
           ),
           style: { top: top2 },
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "div",
               {
-                className: cx$2(styles$8.drawerContent, border2 && styles$8.border),
+                className: cx$2(styles$9.drawerContent, border2 && styles$9.border),
                 style: {
                   background: background2,
                   borderColor: typeof border2 === "string" ? border2 : void 0,
@@ -22034,9 +22034,9 @@ const Drawer = ({
               "span",
               {
                 className: cx$2(
-                  styles$8.toggleButton,
-                  localOpen && (isStandardButton || isCustomButton && buttonAnimate) ? styles$8.toggleButtonOpen : "",
-                  buttonPosition === "top" ? styles$8.top : styles$8.bottom
+                  styles$9.toggleButton,
+                  localOpen && (isStandardButton || isCustomButton && buttonAnimate) ? styles$9.toggleButtonOpen : "",
+                  buttonPosition === "top" ? styles$9.top : styles$9.bottom
                 ),
                 children: isCustomButton ? button2 : /* @__PURE__ */ jsxRuntimeExports.jsx(
                   Button$1,
@@ -22065,12 +22065,12 @@ const inputDisabled$3 = "_inputDisabled_rhzw6_61";
 const hideScrollbars$3 = "_hideScrollbars_rhzw6_67";
 const input = "_input_rhzw6_1";
 const isInTable = "_isInTable_rhzw6_100";
-const small = "_small_rhzw6_124";
+const small$1 = "_small_rhzw6_124";
 const right$2 = "_right_rhzw6_170";
 const groupOrderFirst = "_groupOrderFirst_rhzw6_173";
 const groupOrderMiddle = "_groupOrderMiddle_rhzw6_174";
 const groupOrderLast = "_groupOrderLast_rhzw6_175";
-const styles$7 = {
+const styles$8 = {
   inputInTable: inputInTable$3,
   error: error$m,
   warning: warning$3,
@@ -22082,7 +22082,7 @@ const styles$7 = {
   hideScrollbars: hideScrollbars$3,
   input,
   isInTable,
-  small,
+  small: small$1,
   right: right$2,
   groupOrderFirst,
   groupOrderMiddle,
@@ -22124,11 +22124,11 @@ reactExports.forwardRef(
       if (groupOrder) {
         switch (groupOrder) {
           case "first":
-            return styles$7.groupOrderFirst;
+            return styles$8.groupOrderFirst;
           case "last":
-            return styles$7.groupOrderLast;
+            return styles$8.groupOrderLast;
           default:
-            return styles$7.groupOrderMiddle;
+            return styles$8.groupOrderMiddle;
         }
       }
       return "";
@@ -22162,11 +22162,11 @@ reactExports.forwardRef(
             autoComplete: "off",
             disabled: disabled2 || disabledContext,
             className: cx$2(
-              styles$7.input,
-              error2 ? styles$7.error : warning2 ? styles$7.warning : "",
-              right2 ? styles$7.right : "",
-              small2 ? styles$7.small : "",
-              isInTable2 ? styles$7.isInTable : ""
+              styles$8.input,
+              error2 ? styles$8.error : warning2 ? styles$8.warning : "",
+              right2 ? styles$8.right : "",
+              small2 ? styles$8.small : "",
+              isInTable2 ? styles$8.isInTable : ""
             ),
             style: { width: width2 },
             "data-testid": testId
@@ -23384,7 +23384,7 @@ memoizeOne(function(remove2, list2) {
     return item2.descriptor.id !== remove2.descriptor.id;
   });
 });
-var vertical = {
+var vertical$1 = {
   direction: "vertical",
   line: "y",
   crossAxisLine: "x",
@@ -23670,7 +23670,7 @@ var getDroppableDimension = function(_ref) {
       }
     };
   }();
-  var axis = direction === "vertical" ? vertical : horizontal;
+  var axis = direction === "vertical" ? vertical$1 : horizontal;
   var subject = getSubject({
     page: page2,
     withPlaceholder: null,
@@ -25091,7 +25091,7 @@ const action = "_action_dlqxe_192";
 const active$2 = "_active_dlqxe_195";
 const indented = "_indented_dlqxe_202";
 const disabled = "_disabled_dlqxe_215";
-const label$2 = "_label_dlqxe_226";
+const label$3 = "_label_dlqxe_226";
 const details = "_details_dlqxe_237";
 const metadata$1 = "_metadata_dlqxe_238";
 const itemContent = "_itemContent_dlqxe_246";
@@ -25133,7 +25133,7 @@ const listStyles = {
   active: active$2,
   indented,
   disabled,
-  label: label$2,
+  label: label$3,
   details,
   metadata: metadata$1,
   itemContent,
@@ -25362,7 +25362,7 @@ reactExports.forwardRef(
 );
 const page = "_page_beskc_1";
 const scroll = "_scroll_beskc_23";
-const styles$6 = {
+const styles$7 = {
   page,
   scroll
 };
@@ -25377,7 +25377,7 @@ const Page$1 = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
-      className: cx$2(styles$6.page, scroll3 ? styles$6.scroll : ""),
+      className: cx$2(styles$7.page, scroll3 ? styles$7.scroll : ""),
       style: { left: left2, padding: padding2, top: top2 },
       children
     }
@@ -27160,9 +27160,9 @@ class Mark {
     let type2 = schema.marks[json.type];
     if (!type2)
       throw new RangeError(`There is no mark type ${json.type} in this schema`);
-    let mark = type2.create(json.attrs);
-    type2.checkAttrs(mark.attrs);
-    return mark;
+    let mark2 = type2.create(json.attrs);
+    type2.checkAttrs(mark2.attrs);
+    return mark2;
   }
   /**
   Test whether two sets of marks are identical.
@@ -28071,9 +28071,9 @@ let Node$2 = class Node {
     this.type.checkAttrs(this.attrs);
     let copy2 = Mark.none;
     for (let i = 0; i < this.marks.length; i++) {
-      let mark = this.marks[i];
-      mark.type.checkAttrs(mark.attrs);
-      copy2 = mark.addToSet(copy2);
+      let mark2 = this.marks[i];
+      mark2.type.checkAttrs(mark2.attrs);
+      copy2 = mark2.addToSet(copy2);
     }
     if (!Mark.sameSet(copy2, this.marks))
       throw new RangeError(`Invalid collection of marks for node ${this.type.name}: ${this.marks.map((m2) => m2.type.name)}`);
@@ -28990,14 +28990,14 @@ class Schema {
 function gatherMarks(schema, marks) {
   let found2 = [];
   for (let i = 0; i < marks.length; i++) {
-    let name2 = marks[i], mark = schema.marks[name2], ok2 = mark;
-    if (mark) {
-      found2.push(mark);
+    let name2 = marks[i], mark2 = schema.marks[name2], ok2 = mark2;
+    if (mark2) {
+      found2.push(mark2);
     } else {
       for (let prop in schema.marks) {
-        let mark2 = schema.marks[prop];
-        if (name2 == "_" || mark2.spec.group && mark2.spec.group.split(" ").indexOf(name2) > -1)
-          found2.push(ok2 = mark2);
+        let mark3 = schema.marks[prop];
+        if (name2 == "_" || mark3.spec.group && mark3.spec.group.split(" ").indexOf(name2) > -1)
+          found2.push(ok2 = mark3);
       }
     }
     if (!ok2)
@@ -29740,9 +29740,9 @@ class DOMSerializer {
   /**
   @internal
   */
-  serializeMark(mark, inline2, options2 = {}) {
-    let toDOM = this.marks[mark.type.name];
-    return toDOM && renderSpec(doc$1(options2), toDOM(mark, inline2), null, mark.attrs);
+  serializeMark(mark2, inline2, options2 = {}) {
+    let toDOM = this.marks[mark2.type.name];
+    return toDOM && renderSpec(doc$1(options2), toDOM(mark2, inline2), null, mark2.attrs);
   }
   static renderSpec(doc2, structure, xmlNS = null, blockArraysIn) {
     return renderSpec(doc2, structure, xmlNS, blockArraysIn);
@@ -30229,11 +30229,11 @@ class AddMarkStep extends Step {
   /**
   Create a mark step.
   */
-  constructor(from3, to2, mark) {
+  constructor(from3, to2, mark2) {
     super();
     this.from = from3;
     this.to = to2;
-    this.mark = mark;
+    this.mark = mark2;
   }
   apply(doc2) {
     let oldSlice = doc2.slice(this.from, this.to), $from = doc2.resolve(this.from);
@@ -30281,11 +30281,11 @@ class RemoveMarkStep extends Step {
   /**
   Create a mark-removing step.
   */
-  constructor(from3, to2, mark) {
+  constructor(from3, to2, mark2) {
     super();
     this.from = from3;
     this.to = to2;
-    this.mark = mark;
+    this.mark = mark2;
   }
   apply(doc2) {
     let oldSlice = doc2.slice(this.from, this.to);
@@ -30330,10 +30330,10 @@ class AddNodeMarkStep extends Step {
   /**
   Create a node mark step.
   */
-  constructor(pos, mark) {
+  constructor(pos, mark2) {
     super();
     this.pos = pos;
-    this.mark = mark;
+    this.mark = mark2;
   }
   apply(doc2) {
     let node2 = doc2.nodeAt(this.pos);
@@ -30376,10 +30376,10 @@ class RemoveNodeMarkStep extends Step {
   /**
   Create a mark-removing step.
   */
-  constructor(pos, mark) {
+  constructor(pos, mark2) {
     super();
     this.pos = pos;
-    this.mark = mark;
+    this.mark = mark2;
   }
   apply(doc2) {
     let node2 = doc2.nodeAt(this.pos);
@@ -30568,16 +30568,16 @@ function contentBetween(doc2, from3, to2) {
   }
   return false;
 }
-function addMark(tr2, from3, to2, mark) {
+function addMark(tr2, from3, to2, mark2) {
   let removed = [], added = [];
   let removing, adding;
   tr2.doc.nodesBetween(from3, to2, (node2, pos, parent) => {
     if (!node2.isInline)
       return;
     let marks = node2.marks;
-    if (!mark.isInSet(marks) && parent.type.allowsMarkType(mark.type)) {
+    if (!mark2.isInSet(marks) && parent.type.allowsMarkType(mark2.type)) {
       let start = Math.max(pos, from3), end2 = Math.min(pos + node2.nodeSize, to2);
-      let newSet = mark.addToSet(marks);
+      let newSet = mark2.addToSet(marks);
       for (let i = 0; i < marks.length; i++) {
         if (!marks[i].isInSet(newSet)) {
           if (removing && removing.to == start && removing.mark.eq(marks[i]))
@@ -30589,28 +30589,28 @@ function addMark(tr2, from3, to2, mark) {
       if (adding && adding.to == start)
         adding.to = end2;
       else
-        added.push(adding = new AddMarkStep(start, end2, mark));
+        added.push(adding = new AddMarkStep(start, end2, mark2));
     }
   });
   removed.forEach((s) => tr2.step(s));
   added.forEach((s) => tr2.step(s));
 }
-function removeMark$1(tr2, from3, to2, mark) {
+function removeMark$1(tr2, from3, to2, mark2) {
   let matched = [], step = 0;
   tr2.doc.nodesBetween(from3, to2, (node2, pos) => {
     if (!node2.isInline)
       return;
     step++;
     let toRemove = null;
-    if (mark instanceof MarkType) {
+    if (mark2 instanceof MarkType) {
       let set = node2.marks, found2;
-      while (found2 = mark.isInSet(set)) {
+      while (found2 = mark2.isInSet(set)) {
         (toRemove || (toRemove = [])).push(found2);
         set = found2.removeFromSet(set);
       }
-    } else if (mark) {
-      if (mark.isInSet(node2.marks))
-        toRemove = [mark];
+    } else if (mark2) {
+      if (mark2.isInSet(node2.marks))
+        toRemove = [mark2];
     } else {
       toRemove = node2.marks;
     }
@@ -31538,24 +31538,24 @@ class Transform {
   /**
   Add a mark to the node at position `pos`.
   */
-  addNodeMark(pos, mark) {
-    this.step(new AddNodeMarkStep(pos, mark));
+  addNodeMark(pos, mark2) {
+    this.step(new AddNodeMarkStep(pos, mark2));
     return this;
   }
   /**
   Remove a mark (or a mark of the given type) from the node at
   position `pos`.
   */
-  removeNodeMark(pos, mark) {
-    if (!(mark instanceof Mark)) {
+  removeNodeMark(pos, mark2) {
+    if (!(mark2 instanceof Mark)) {
       let node2 = this.doc.nodeAt(pos);
       if (!node2)
         throw new RangeError("No node at position " + pos);
-      mark = mark.isInSet(node2.marks);
-      if (!mark)
+      mark2 = mark2.isInSet(node2.marks);
+      if (!mark2)
         return this;
     }
-    this.step(new RemoveNodeMarkStep(pos, mark));
+    this.step(new RemoveNodeMarkStep(pos, mark2));
     return this;
   }
   /**
@@ -31572,8 +31572,8 @@ class Transform {
   /**
   Add the given mark to the inline content between `from` and `to`.
   */
-  addMark(from3, to2, mark) {
-    addMark(this, from3, to2, mark);
+  addMark(from3, to2, mark2) {
+    addMark(this, from3, to2, mark2);
     return this;
   }
   /**
@@ -31582,8 +31582,8 @@ class Transform {
   a mark type, remove all marks of that type. When it is null,
   remove all marks of any type.
   */
-  removeMark(from3, to2, mark) {
-    removeMark$1(this, from3, to2, mark);
+  removeMark(from3, to2, mark2) {
+    removeMark$1(this, from3, to2, mark2);
     return this;
   }
   /**
@@ -32103,14 +32103,14 @@ class Transaction extends Transform {
   /**
   Add a mark to the set of stored marks.
   */
-  addStoredMark(mark) {
-    return this.ensureMarks(mark.addToSet(this.storedMarks || this.selection.$head.marks()));
+  addStoredMark(mark2) {
+    return this.ensureMarks(mark2.addToSet(this.storedMarks || this.selection.$head.marks()));
   }
   /**
   Remove a mark or mark type from the set of stored marks.
   */
-  removeStoredMark(mark) {
-    return this.ensureMarks(mark.removeFromSet(this.storedMarks || this.selection.$head.marks()));
+  removeStoredMark(mark2) {
+    return this.ensureMarks(mark2.removeFromSet(this.storedMarks || this.selection.$head.marks()));
   }
   /**
   Whether the stored marks were explicitly set for this transaction.
@@ -33624,7 +33624,7 @@ class ViewDesc {
   matchesWidget(widget) {
     return false;
   }
-  matchesMark(mark) {
+  matchesMark(mark2) {
     return false;
   }
   matchesNode(node2, outerDeco, innerDeco) {
@@ -34054,24 +34054,24 @@ class CompositionViewDesc extends ViewDesc {
   }
 }
 class MarkViewDesc extends ViewDesc {
-  constructor(parent, mark, dom, contentDOM) {
+  constructor(parent, mark2, dom, contentDOM) {
     super(parent, [], dom, contentDOM);
-    this.mark = mark;
+    this.mark = mark2;
   }
-  static create(parent, mark, inline2, view) {
-    let custom = view.nodeViews[mark.type.name];
-    let spec = custom && custom(mark, view, inline2);
+  static create(parent, mark2, inline2, view) {
+    let custom = view.nodeViews[mark2.type.name];
+    let spec = custom && custom(mark2, view, inline2);
     if (!spec || !spec.dom)
-      spec = DOMSerializer.renderSpec(document, mark.type.spec.toDOM(mark, inline2), null, mark.attrs);
-    return new MarkViewDesc(parent, mark, spec.dom, spec.contentDOM || spec.dom);
+      spec = DOMSerializer.renderSpec(document, mark2.type.spec.toDOM(mark2, inline2), null, mark2.attrs);
+    return new MarkViewDesc(parent, mark2, spec.dom, spec.contentDOM || spec.dom);
   }
   parseRule() {
     if (this.dirty & NODE_DIRTY || this.mark.type.spec.reparseInView)
       return null;
     return { mark: this.mark.type.name, attrs: this.mark.attrs, contentElement: this.contentDOM };
   }
-  matchesMark(mark) {
-    return this.dirty != NODE_DIRTY && this.mark.eq(mark);
+  matchesMark(mark2) {
+    return this.dirty != NODE_DIRTY && this.mark.eq(mark2);
   }
   markDirty(from3, to2) {
     super.markDirty(from3, to2);
@@ -37461,19 +37461,19 @@ function resolveSelection(view, doc2, parsedSel) {
 }
 function isMarkChange(cur, prev2) {
   let curMarks = cur.firstChild.marks, prevMarks = prev2.firstChild.marks;
-  let added = curMarks, removed = prevMarks, type2, mark, update;
+  let added = curMarks, removed = prevMarks, type2, mark2, update;
   for (let i = 0; i < prevMarks.length; i++)
     added = prevMarks[i].removeFromSet(added);
   for (let i = 0; i < curMarks.length; i++)
     removed = curMarks[i].removeFromSet(removed);
   if (added.length == 1 && removed.length == 0) {
-    mark = added[0];
+    mark2 = added[0];
     type2 = "add";
-    update = (node2) => node2.mark(mark.addToSet(node2.marks));
+    update = (node2) => node2.mark(mark2.addToSet(node2.marks));
   } else if (added.length == 0 && removed.length == 1) {
-    mark = removed[0];
+    mark2 = removed[0];
     type2 = "remove";
-    update = (node2) => node2.mark(mark.removeFromSet(node2.marks));
+    update = (node2) => node2.mark(mark2.removeFromSet(node2.marks));
   } else {
     return null;
   }
@@ -37481,7 +37481,7 @@ function isMarkChange(cur, prev2) {
   for (let i = 0; i < prev2.childCount; i++)
     updated.push(update(prev2.child(i)));
   if (Fragment.from(updated).eq(cur))
-    return { mark, type: type2 };
+    return { mark: mark2, type: type2 };
 }
 function looksLikeBackspace(old, start, end2, $newStart, $newEnd) {
   if (
@@ -38357,11 +38357,11 @@ function markActiveInRange(resolvedRange, marks) {
 }
 function rangeHasMarks(resolvedRange, marks) {
   const { $from, $to } = resolvedRange;
-  const setOfMarks = new Set(($from.marksAcross($to) ?? []).map((mark) => mark.type.name));
+  const setOfMarks = new Set(($from.marksAcross($to) ?? []).map((mark2) => mark2.type.name));
   return marks.some((item2) => setOfMarks.has(item2));
 }
 function positionHasMarks($pos, marks) {
-  const setOfMarks = new Set($pos.marks().map((mark) => mark.type.name));
+  const setOfMarks = new Set($pos.marks().map((mark2) => mark2.type.name));
   return marks.some((item2) => setOfMarks.has(item2));
 }
 function isPositionValidForSuggester(suggester, resolvedRange) {
@@ -39251,11 +39251,11 @@ function rangeHasMark(props) {
         return false;
       }
       const marks = node2.marks ?? [];
-      found2 = marks.some((mark) => {
-        if (mark.type !== markType) {
+      found2 = marks.some((mark2) => {
+        if (mark2.type !== markType) {
           return false;
         }
-        return containsAttributes(mark, attrs);
+        return containsAttributes(mark2, attrs);
       });
       return !found2;
     });
@@ -39282,11 +39282,11 @@ function isMarkActive(props) {
   }
   if (selection.empty) {
     const marks = storedMarks ?? selection.$from.marks();
-    return marks.some((mark) => {
-      if (mark.type !== type2) {
+    return marks.some((mark2) => {
+      if (mark2.type !== type2) {
         return false;
       }
-      return containsAttributes(mark, attrs ?? {});
+      return containsAttributes(mark2, attrs ?? {});
     });
   }
   return rangeHasMark({ ...props, from: selection.from, to: selection.to });
@@ -39364,27 +39364,27 @@ function getMarkRange($pos, type2, $end) {
     return;
   }
   const typeName = isString$2(type2) ? type2 : type2.name;
-  const mark = start.node.marks.find(({ type: markType }) => markType.name === typeName);
+  const mark2 = start.node.marks.find(({ type: markType }) => markType.name === typeName);
   let startIndex = $pos.index();
   let startPos = $pos.start() + start.offset;
   let endIndex = startIndex + 1;
   let endPos = startPos + start.node.nodeSize;
-  if (!mark) {
+  if (!mark2) {
     if ($end && endPos < $end.pos) {
       return getMarkRange($pos.doc.resolve(endPos + 1), type2, $end);
     }
     return;
   }
-  while (startIndex > 0 && mark.isInSet($pos.parent.child(startIndex - 1).marks)) {
+  while (startIndex > 0 && mark2.isInSet($pos.parent.child(startIndex - 1).marks)) {
     startIndex -= 1;
     startPos -= $pos.parent.child(startIndex).nodeSize;
   }
-  while (endIndex < $pos.parent.childCount && mark.isInSet($pos.parent.child(endIndex).marks)) {
+  while (endIndex < $pos.parent.childCount && mark2.isInSet($pos.parent.child(endIndex).marks)) {
     endPos += $pos.parent.child(endIndex).nodeSize;
     endIndex += 1;
   }
   const text2 = $pos.doc.textBetween(startPos, endPos, LEAF_NODE_REPLACING_CHARACTER, "\n\n");
-  return { from: startPos, to: endPos, text: text2, mark };
+  return { from: startPos, to: endPos, text: text2, mark: mark2 };
 }
 function getTextContentFromSlice(slice3) {
   var _a2;
@@ -39587,8 +39587,8 @@ function checkForInvalidContent(props) {
   let { invalidParentMark = false, invalidParentNode = false } = props;
   if (marks) {
     const invalidMarks2 = [];
-    for (const [index2, mark] of marks.entries()) {
-      const name2 = isString$2(mark) ? mark : mark.type;
+    for (const [index2, mark2] of marks.entries()) {
+      const name2 = isString$2(mark2) ? mark2 : mark2.type;
       if (validMarks.has(name2)) {
         continue;
       }
@@ -40584,7 +40584,7 @@ function pasteRules(pasteRules2) {
         var _a2, _b, _c;
         const $pos = view.state.selection.$from;
         const nodeName = $pos.node().type.name;
-        const markNames = new Set($pos.marks().map((mark) => mark.type.name));
+        const markNames = new Set($pos.marks().map((mark2) => mark2.type.name));
         for (const rule of regexPasteRules2) {
           if (
             // The parent node is ignored.
@@ -40604,10 +40604,10 @@ function pasteRules(pasteRules2) {
               const newTextNodes = [];
               const { getAttributes, markType } = rule;
               const attributes = isFunction$1(getAttributes) ? getAttributes(match2, true) : getAttributes;
-              const mark = markType.create(attributes);
+              const mark2 = markType.create(attributes);
               textSlice.content.forEach((textNode) => {
                 if (textNode.isText) {
-                  const marks = mark.addToSet(textNode.marks);
+                  const marks = mark2.addToSet(textNode.marks);
                   newTextNodes.push(textNode.mark(marks));
                 }
               });
@@ -40708,7 +40708,7 @@ function createPasteRuleHandler(transformer, schema) {
         }
         return;
       }
-      if (child.marks.some((mark) => isCodeMark(mark) || (ignoredMarks == null ? void 0 : ignoredMarks.includes(mark.type.name)))) {
+      if (child.marks.some((mark2) => isCodeMark(mark2) || (ignoredMarks == null ? void 0 : ignoredMarks.includes(mark2.type.name)))) {
         nodes.push(child);
         return;
       }
@@ -40755,7 +40755,7 @@ function markRuleTransformer(props) {
   const { transformMatch, getAttributes, markType } = rule;
   const attributes = isFunction$1(getAttributes) ? getAttributes(match2, false) : getAttributes;
   const text2 = textNode.text ?? "";
-  const mark = markType.create(attributes);
+  const mark2 = markType.create(attributes);
   const transformedCapturedValue = transformMatch == null ? void 0 : transformMatch(match2);
   if (transformedCapturedValue === "") {
     return;
@@ -40764,7 +40764,7 @@ function markRuleTransformer(props) {
     nodes.push(schema.text(text2, textNode.marks));
     return;
   }
-  const marks = mark.addToSet(textNode.marks);
+  const marks = mark2.addToSet(textNode.marks);
   nodes.push(schema.text(transformedCapturedValue ?? text2, marks));
 }
 function textRuleTransformer(props) {
@@ -40803,9 +40803,9 @@ function isCodeNode(node2) {
   var _a2;
   return node2.type.spec.code || ((_a2 = node2.type.spec.group) == null ? void 0 : _a2.split(" ").includes("code"));
 }
-function isCodeMark(mark) {
+function isCodeMark(mark2) {
   var _a2;
-  return mark.type.name === "code" || ((_a2 = mark.type.spec.group) == null ? void 0 : _a2.split(" ").includes("code"));
+  return mark2.type.name === "code" || ((_a2 = mark2.type.spec.group) == null ? void 0 : _a2.split(" ").includes("code"));
 }
 function getDataTransferFiles(event) {
   var _a2, _b;
@@ -42004,14 +42004,14 @@ var CommandsExtension = class extends PlainExtension {
         code: ErrorConstant.SCHEMA,
         message: `The requested node type ${node2} does not exist in the schema.`
       });
-      const marks = (_a2 = options2.marks) == null ? void 0 : _a2.map((mark) => {
-        if (mark instanceof Mark) {
-          return mark;
+      const marks = (_a2 = options2.marks) == null ? void 0 : _a2.map((mark2) => {
+        if (mark2 instanceof Mark) {
+          return mark2;
         }
-        const markType = isString$2(mark) ? state.schema.marks[mark] : mark;
+        const markType = isString$2(mark2) ? state.schema.marks[mark2] : mark2;
         invariant$2(markType, {
           code: ErrorConstant.SCHEMA,
-          message: `The requested mark type ${mark} does not exist in the schema.`
+          message: `The requested mark type ${mark2} does not exist in the schema.`
         });
         return markType.create();
       });
@@ -43242,15 +43242,15 @@ var KeymapExtension = class extends PlainExtension {
         return false;
       }
       const $pos = tr2.selection.$from;
-      const marksToRemove = $pos.marks().filter((mark) => !excludedMarks.includes(mark.type.name));
+      const marksToRemove = $pos.marks().filter((mark2) => !excludedMarks.includes(mark2.type.name));
       if (isEmptyArray(marksToRemove)) {
         return false;
       }
       if (!dispatch) {
         return true;
       }
-      for (const mark of marksToRemove) {
-        tr2.removeStoredMark(mark);
+      for (const mark2 of marksToRemove) {
+        tr2.removeStoredMark(mark2);
       }
       dispatch(tr2.insertText(" ", tr2.selection.from));
       return true;
@@ -43289,7 +43289,7 @@ var KeymapExtension = class extends PlainExtension {
         return false;
       }
       const marksToRemove = [...tr2.storedMarks ?? [], ...tr2.selection.$from.marks()].filter(
-        (mark) => !excludedMarks.includes(mark.type.name)
+        (mark2) => !excludedMarks.includes(mark2.type.name)
       );
       if (isEmptyArray(marksToRemove)) {
         return false;
@@ -43297,8 +43297,8 @@ var KeymapExtension = class extends PlainExtension {
       if (!dispatch) {
         return true;
       }
-      for (const mark of marksToRemove) {
-        tr2.removeStoredMark(mark);
+      for (const mark2 of marksToRemove) {
+        tr2.removeStoredMark(mark2);
       }
       this.backwardMarkExitTracker.set(tr2.selection.anchor, true);
       dispatch(tr2);
@@ -43845,12 +43845,12 @@ var SchemaExtension = class extends PlainExtension {
   checkAndUpdateDynamicMarks(node2, pos, tr2) {
     for (const [name2, dynamic] of entries(this.dynamicAttributes.marks)) {
       const type2 = assertGet(this.store.schema.marks, name2);
-      const mark = node2.marks.find((mark2) => mark2.type.name === name2);
-      if (!mark) {
+      const mark2 = node2.marks.find((mark22) => mark22.type.name === name2);
+      if (!mark2) {
         continue;
       }
       for (const [attributeName, attributeCreator] of entries(dynamic)) {
-        if (!isNullOrUndefined(mark.attrs[attributeName])) {
+        if (!isNullOrUndefined(mark2.attrs[attributeName])) {
           continue;
         }
         const range2 = getMarkRange(tr2.doc.resolve(pos), type2);
@@ -43859,8 +43859,8 @@ var SchemaExtension = class extends PlainExtension {
         }
         const { from: from3, to: to2 } = range2;
         const newMark = type2.create({
-          ...mark.attrs,
-          [attributeName]: attributeCreator(mark)
+          ...mark2.attrs,
+          [attributeName]: attributeCreator(mark2)
         });
         tr2.removeMark(from3, to2, type2).addMark(from3, to2, newMark);
         ignoreUpdateForSuggest(tr2);
@@ -46450,7 +46450,7 @@ var CodeExtension = class extends MarkExtension {
       ...override,
       attrs: extra.defaults(),
       parseDOM: [{ tag: "code", getAttrs: extra.parse }, ...override.parseDOM ?? []],
-      toDOM: (mark) => ["code", { spellcheck: "false", ...extra.dom(mark) }, 0]
+      toDOM: (mark2) => ["code", { spellcheck: "false", ...extra.dom(mark2) }, 0]
     };
   }
   createKeymap() {
@@ -47999,7 +47999,7 @@ var ItalicExtension = class extends MarkExtension {
         { style: "font-style=italic" },
         ...override.parseDOM ?? []
       ],
-      toDOM: (mark) => ["em", extra.dom(mark), 0]
+      toDOM: (mark2) => ["em", extra.dom(mark2), 0]
     };
   }
   createKeymap() {
@@ -48542,14 +48542,14 @@ function listBackspace({ view }) {
 }
 function createCustomMarkListItemNodeView({
   node: node2,
-  mark,
+  mark: mark2,
   updateDOM,
   updateMark
 }) {
   const markContainer = document.createElement("label");
   markContainer.contentEditable = "false";
   markContainer.classList.add(extensionListTheme.LIST_ITEM_MARKER_CONTAINER);
-  markContainer.append(mark);
+  markContainer.append(mark2);
   const contentDOM = document.createElement("div");
   const dom = document.createElement("li");
   dom.classList.add(extensionListTheme.LIST_ITEM_WITH_CUSTOM_MARKER);
@@ -48561,7 +48561,7 @@ function createCustomMarkListItemNodeView({
     }
     node2 = newNode;
     updateDOM(node2, dom);
-    updateMark(node2, mark);
+    updateMark(node2, mark2);
     return true;
   };
   update(node2);
@@ -48827,11 +48827,11 @@ var ListItemExtension = class extends NodeExtension {
       return {};
     }
     return (node2, view, getPos) => {
-      const mark = document.createElement("div");
-      mark.classList.add(extensionListTheme.COLLAPSIBLE_LIST_ITEM_BUTTON);
-      mark.contentEditable = "false";
-      mark.addEventListener("click", () => {
-        if (mark.classList.contains("disabled")) {
+      const mark2 = document.createElement("div");
+      mark2.classList.add(extensionListTheme.COLLAPSIBLE_LIST_ITEM_BUTTON);
+      mark2.contentEditable = "false";
+      mark2.addEventListener("click", () => {
+        if (mark2.classList.contains("disabled")) {
           return;
         }
         const pos = getPos();
@@ -48841,7 +48841,7 @@ var ListItemExtension = class extends NodeExtension {
         return true;
       });
       return createCustomMarkListItemNodeView({
-        mark,
+        mark: mark2,
         node: node2,
         updateDOM: updateNodeViewDOM,
         updateMark: updateNodeViewMark
@@ -48886,8 +48886,8 @@ ListItemExtension = __decorateClass$6([
 function updateNodeViewDOM(node2, dom) {
   node2.attrs.closed ? dom.classList.add(extensionListTheme.COLLAPSIBLE_LIST_ITEM_CLOSED) : dom.classList.remove(extensionListTheme.COLLAPSIBLE_LIST_ITEM_CLOSED);
 }
-function updateNodeViewMark(node2, mark) {
-  node2.childCount <= 1 ? mark.classList.add("disabled") : mark.classList.remove("disabled");
+function updateNodeViewMark(node2, mark2) {
+  node2.childCount <= 1 ? mark2.classList.add("disabled") : mark2.classList.remove("disabled");
 }
 var BulletListExtension = class extends NodeExtension {
   get name() {
@@ -49127,24 +49127,24 @@ var TaskListItemExtension = class extends NodeExtension {
   }
   createNodeViews() {
     return (node2, view, getPos) => {
-      const mark = document.createElement("input");
-      mark.type = "checkbox";
-      mark.classList.add(extensionListTheme.LIST_ITEM_CHECKBOX);
-      mark.contentEditable = "false";
-      mark.addEventListener("click", (e2) => {
+      const mark2 = document.createElement("input");
+      mark2.type = "checkbox";
+      mark2.classList.add(extensionListTheme.LIST_ITEM_CHECKBOX);
+      mark2.contentEditable = "false";
+      mark2.addEventListener("click", (e2) => {
         if (!view.editable) {
           e2.preventDefault();
         }
       });
-      mark.addEventListener("change", () => {
+      mark2.addEventListener("change", () => {
         const pos = getPos();
         const $pos = view.state.doc.resolve(pos + 1);
         this.store.commands.toggleCheckboxChecked({ $pos });
       });
-      mark.checked = node2.attrs.checked;
+      mark2.checked = node2.attrs.checked;
       return createCustomMarkListItemNodeView({
         node: node2,
-        mark,
+        mark: mark2,
         updateDOM: updateNodeViewDOM2,
         updateMark: updateNodeViewMark2
       });
@@ -49217,8 +49217,8 @@ function updateNodeViewDOM2(node2, dom) {
   node2.attrs.checked ? dom.setAttribute("data-checked", "") : dom.removeAttribute("data-checked");
   dom.setAttribute("data-task-list-item", "");
 }
-function updateNodeViewMark2(node2, mark) {
-  mark.checked = !!node2.attrs.checked;
+function updateNodeViewMark2(node2, mark2) {
+  mark2.checked = !!node2.attrs.checked;
 }
 var TaskListExtension = class extends NodeExtension {
   get name() {
@@ -54856,7 +54856,7 @@ var interopRequireDefaultExports = interopRequireDefault.exports;
 const require$$2 = /* @__PURE__ */ getAugmentedNamespace(_extends$5);
 const richTextToolbar = "_richTextToolbar_1gbkk_1";
 const richTextToolbarContainer = "_richTextToolbarContainer_1gbkk_5";
-const styles$5 = {
+const styles$6 = {
   richTextToolbar,
   richTextToolbarContainer
 };
@@ -54908,8 +54908,8 @@ const RichTextToolbar = ({
       active: active2.orderedList()
     }
   ];
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$5.richTextToolbarContainer, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.richTextToolbar, children: items2.map((item2, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$6.richTextToolbarContainer, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$6.richTextToolbar, children: items2.map((item2, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       Button$1,
       {
         small: true,
@@ -54939,7 +54939,7 @@ const inputWarning$1 = "_inputWarning_19adc_26";
 const inputDisabled$1 = "_inputDisabled_19adc_61";
 const hideScrollbars$1 = "_hideScrollbars_19adc_67";
 const richTextInput = "_richTextInput_19adc_77";
-const styles$4 = {
+const styles$5 = {
   inputInTable: inputInTable$1,
   error: error$k,
   warning: warning$1,
@@ -54977,7 +54977,7 @@ reactExports.forwardRef(
       }
       setState(state2);
     };
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.richTextInput, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.richTextInput, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
       Remirror,
       {
         manager,
@@ -55084,14 +55084,14 @@ const sidebar = "_sidebar_16jgo_82";
 const inner = "_inner_16jgo_93";
 const title$2 = "_title_16jgo_103";
 const subtitle = "_subtitle_16jgo_104";
-const label$1 = "_label_16jgo_105";
+const label$2 = "_label_16jgo_105";
 const collapsed = "_collapsed_16jgo_109";
 const list = "_list_16jgo_134";
 const item$1 = "_item_16jgo_140";
 const experimental = "_experimental_16jgo_155";
 const active$1 = "_active_16jgo_159";
 const icon = "_icon_16jgo_163";
-const styles$3 = {
+const styles$4 = {
   inputInTable,
   error: error$j,
   warning,
@@ -55105,7 +55105,7 @@ const styles$3 = {
   inner,
   title: title$2,
   subtitle,
-  label: label$1,
+  label: label$2,
   collapsed,
   list,
   item: item$1,
@@ -55126,10 +55126,10 @@ const TooltipIcon = reactExports.memo(
           fontSize: 16,
           padding: "var(--padding-sm)",
           display: "block",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$3.icon, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { small: true, title: invalid ? "!" : void 0, margin: 4, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: icon2 }) }) })
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$4.icon, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { small: true, title: invalid ? "!" : void 0, margin: 4, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: icon2 }) }) })
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$3.label, children: label2 })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$4.label, children: label2 })
     ] });
   },
   (prevProps, nextProps) => isEqual4(prevProps, nextProps)
@@ -55141,16 +55141,16 @@ const Link$1 = ({
   onClick,
   testId
 }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$3.list, children: items2.map((link2, i) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.list, children: items2.map((link2, i) => {
     const key2 = `${sectionIndex}_${i}`;
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       "a",
       {
         href: link2.value,
         className: cx$2(
-          styles$3.item,
-          link2.isActive ? styles$3.active : "",
-          link2.isExperimental ? styles$3.experimental : ""
+          styles$4.item,
+          link2.isActive ? styles$4.active : "",
+          link2.isExperimental ? styles$4.experimental : ""
         ),
         onClick: (evt) => onClick(evt, link2.value, link2.label, link2.onClick),
         "data-testid": testId,
@@ -55175,7 +55175,7 @@ const Sections = ({
   onClick
 }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: sections.map((section, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs(React$4.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("h5", { className: styles$3.subtitle, children: section.heading.toUpperCase() }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("h5", { className: styles$4.subtitle, children: section.heading.toUpperCase() }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       Link$1,
       {
@@ -55231,8 +55231,8 @@ reactExports.memo(
             icon: IconType.LEFT
           }
         ),
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cx$2(styles$3.sidebar, !isOpen ? styles$3.collapsed : ""), children: visible && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$3.inner, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: styles$3.title, children: options2.title }),
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cx$2(styles$4.sidebar, !isOpen ? styles$4.collapsed : ""), children: visible && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$4.inner, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { className: styles$4.title, children: options2.title }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             Sections,
             {
@@ -56018,11 +56018,35 @@ var Handle = /* @__PURE__ */ React.forwardRef(function(props, ref2) {
 });
 var _default = Handle;
 Handle$1.default = _default;
+const container$1 = "_container_16e82_1";
+const small = "_small_16e82_7";
+const vertical = "_vertical_16e82_10";
+const hasArrows = "_hasArrows_16e82_14";
+const button$1 = "_button_16e82_18";
+const label$1 = "_label_16e82_21";
+const mark = "_mark_16e82_29";
+const styles$3 = {
+  container: container$1,
+  small,
+  vertical,
+  hasArrows,
+  button: button$1,
+  label: label$1,
+  mark
+};
 const formatMarkers = (marks) => {
   return marks.reduce((acc, { label: label2, tooltip: tooltip2, value }) => {
-    const isTooltip = tooltip2 !== void 0;
-    const formattedValue = isTooltip ? /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { text: tooltip2, children: label2 }) : label2 || value;
-    acc[value] = formattedValue;
+    acc[value] = /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Tooltip,
+      {
+        text: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          tooltip2,
+          tooltip2 ? ": " : "",
+          label2 ?? value
+        ] }),
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$3.mark })
+      }
+    );
     return acc;
   }, {});
 };