@crystallize/design-system 1.24.46 → 2.0.1

package/dist/{rich-text-editor-QGMRYDKQ.mjs → rich-text-editor-SIZB67MA.mjs}

@@ -6,7 +6,7 @@ import {
   Icon,
   IconButton,
   InputWithLabel
-} from "./chunk-6DIAYHKQ.mjs";
+} from "./chunk-B2Q2EUTC.mjs";
 import "./chunk-NIH5ZMPE.mjs";
 
 // src/rich-text-editor/rich-text-editor.tsx
@@ -32,10 +32,7 @@ import { jsx } from "react/jsx-runtime";
 var Context = createContext({});
 var SharedHistoryContext = ({ children }) => {
   const historyContext = useMemo(() => ({ historyState: createEmptyHistoryState() }), []);
-  return /* @__PURE__ */ jsx(Context.Provider, {
-    value: historyContext,
-    children
-  });
+  return /* @__PURE__ */ jsx(Context.Provider, { value: historyContext, children });
 };
 var useSharedHistoryContext = () => {
   return useContext(Context);
@@ -117,10 +114,7 @@ function I18nProvider({
   children
 }) {
   const translations2 = labelTranslations || en_default;
-  return /* @__PURE__ */ jsx2(I18nContext.Provider, {
-    value: translations2,
-    children
-  });
+  return /* @__PURE__ */ jsx2(I18nContext.Provider, { value: translations2, children });
 }
 function replaceI18nVariablesInString(str, replaceWith) {
   return str.replace(/({{[^}]+}})/g, replaceWith);
@@ -572,7 +566,6 @@ var BaseNodes = [
 ];
 
 // src/rich-text-editor/plugins/AutoLinkPlugin/index.tsx
-import "react";
 import { AutoLinkPlugin } from "@lexical/react/LexicalAutoLinkPlugin";
 import { jsx as jsx3 } from "react/jsx-runtime";
 var URL_MATCHER = /((https?:\/\/(www\.)?)|(www\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
@@ -602,9 +595,7 @@ var MATCHERS = [
   }
 ];
 function LexicalAutoLinkPlugin() {
-  return /* @__PURE__ */ jsx3(AutoLinkPlugin, {
-    matchers: MATCHERS
-  });
+  return /* @__PURE__ */ jsx3(AutoLinkPlugin, { matchers: MATCHERS });
 }
 
 // src/rich-text-editor/plugins/CodeActionMenuPlugin/index.tsx
@@ -616,7 +607,6 @@ import { $isCodeNode as $isCodeNode4, CodeNode as CodeNode2, getLanguageFriendly
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 
 // src/rich-text-editor/plugins/CodeActionMenuPlugin/components/CopyButton/index.tsx
-import "react";
 import { useState } from "react";
 import { $getNearestNodeFromDOMNode, $getSelection, $setSelection } from "lexical";
 import { useDebouncedCallback } from "use-debounce";
@@ -650,28 +640,18 @@ function CopyButton({ editor, getCodeDOMNode }) {
       console.error("Failed to copy: ", err);
     }
   }
-  return /* @__PURE__ */ jsx4("button", {
-    className: "c-rte-code-button",
-    onClick: handleClick,
-    "aria-label": tr("actionCopyCode"),
-    children: isCopyCompleted ? /* @__PURE__ */ jsx4("i", {
-      className: "c-rte-code-button__icon c-rte-icon-success"
-    }) : /* @__PURE__ */ jsx4("i", {
-      className: "c-rte-code-button__icon c-rte-icon-copy"
-    })
-  });
+  return /* @__PURE__ */ jsx4("button", { className: "c-rte-code-button", onClick: handleClick, "aria-label": tr("actionCopyCode"), children: isCopyCompleted ? /* @__PURE__ */ jsx4("i", { className: "c-rte-code-button__icon c-rte-icon-success" }) : /* @__PURE__ */ jsx4("i", { className: "c-rte-code-button__icon c-rte-icon-copy" }) });
 }
 
 // src/rich-text-editor/plugins/CodeActionMenuPlugin/components/PrettierButton/index.tsx
-import "react";
 import { useState as useState2 } from "react";
 import { $getNearestNodeFromDOMNode as $getNearestNodeFromDOMNode2 } from "lexical";
 import { $isCodeNode as $isCodeNode3 } from "@lexical/code";
 import { jsx as jsx5, jsxs } from "react/jsx-runtime";
 var PRETTIER_PARSER_MODULES = {
-  css: () => import("./parser-postcss-AN2EJ77H.mjs"),
-  html: () => import("./parser-html-URMUOK6U.mjs"),
-  js: () => import("./parser-babel-B7AMC4UT.mjs")
+  css: () => import("./parser-postcss-D5TI5WMI.mjs"),
+  html: () => import("./parser-html-RZQPYQ4H.mjs"),
+  js: () => import("./parser-babel-D5SPHKKD.mjs")
 };
 async function loadPrettierParserByLang(lang) {
   const dynamicImport = PRETTIER_PARSER_MODULES[lang];
@@ -679,7 +659,7 @@ async function loadPrettierParserByLang(lang) {
   return parser?.default || parser;
 }
 async function loadPrettierFormat() {
-  const prettier = await import("./standalone-AR2ENVE7.mjs");
+  const prettier = await import("./standalone-COC5HE24.mjs");
   return prettier?.default?.format || prettier?.format;
 }
 var PRETTIER_OPTIONS_BY_LANG = {
@@ -765,27 +745,20 @@ function PrettierButton({ lang, editor, getCodeDOMNode }) {
       setTipsVisible(false);
     }
   }
-  return /* @__PURE__ */ jsxs("div", {
-    className: "c-rte-prettier-wrapper",
-    children: [
-      /* @__PURE__ */ jsx5("button", {
+  return /* @__PURE__ */ jsxs("div", { className: "c-rte-prettier-wrapper", children: [
+    /* @__PURE__ */ jsx5(
+      "button",
+      {
         className: "c-rte-code-button",
         onClick: handleClick,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         "aria-label": tr("actionFormatCode"),
-        children: syntaxError ? /* @__PURE__ */ jsx5("i", {
-          className: "c-rte-code-button__icon c-rte-icon-prettier-error"
-        }) : /* @__PURE__ */ jsx5("i", {
-          className: "c-rte-code-button__icon c-rte-icon-prettier"
-        })
-      }),
-      tipsVisible ? /* @__PURE__ */ jsx5("pre", {
-        className: "c-rte-code-error-tips",
-        children: syntaxError
-      }) : null
-    ]
-  });
+        children: syntaxError ? /* @__PURE__ */ jsx5("i", { className: "c-rte-code-button__icon c-rte-icon-prettier-error" }) : /* @__PURE__ */ jsx5("i", { className: "c-rte-code-button__icon c-rte-icon-prettier" })
+      }
+    ),
+    tipsVisible ? /* @__PURE__ */ jsx5("pre", { className: "c-rte-code-error-tips", children: syntaxError }) : null
+  ] });
 }
 
 // src/rich-text-editor/plugins/CodeActionMenuPlugin/index.tsx
@@ -875,27 +848,11 @@ function CodeActionMenuContainer({ anchorElem }) {
   }, [editor]);
   const normalizedLang = normalizeCodeLang(lang);
   const codeFriendlyName = getLanguageFriendlyName(lang);
-  return /* @__PURE__ */ jsx6(Fragment, {
-    children: isShown ? /* @__PURE__ */ jsxs2("div", {
-      className: "c-rte-code-action-menu-container",
-      style: { ...position },
-      children: [
-        /* @__PURE__ */ jsx6("div", {
-          className: "c-rte-code-highlight-language",
-          children: codeFriendlyName
-        }),
-        /* @__PURE__ */ jsx6(CopyButton, {
-          editor,
-          getCodeDOMNode
-        }),
-        canBePrettier(normalizedLang) ? /* @__PURE__ */ jsx6(PrettierButton, {
-          editor,
-          getCodeDOMNode,
-          lang: normalizedLang
-        }) : null
-      ]
-    }) : null
-  });
+  return /* @__PURE__ */ jsx6(Fragment, { children: isShown ? /* @__PURE__ */ jsxs2("div", { className: "c-rte-code-action-menu-container", style: { ...position }, children: [
+    /* @__PURE__ */ jsx6("div", { className: "c-rte-code-highlight-language", children: codeFriendlyName }),
+    /* @__PURE__ */ jsx6(CopyButton, { editor, getCodeDOMNode }),
+    canBePrettier(normalizedLang) ? /* @__PURE__ */ jsx6(PrettierButton, { editor, getCodeDOMNode, lang: normalizedLang }) : null
+  ] }) : null });
 }
 function getMouseInfo(event) {
   const target = event.target;
@@ -910,9 +867,7 @@ function getMouseInfo(event) {
 function CodeActionMenuPlugin({
   anchorElem = document.body
 }) {
-  return createPortal(/* @__PURE__ */ jsx6(CodeActionMenuContainer, {
-    anchorElem
-  }), anchorElem);
+  return createPortal(/* @__PURE__ */ jsx6(CodeActionMenuContainer, { anchorElem }), anchorElem);
 }
 
 // src/rich-text-editor/plugins/CodeHighlightPlugin/index.ts
@@ -1004,67 +959,40 @@ function LinkPreviewContent({
   if (!hasPreview) {
     return null;
   }
-  return /* @__PURE__ */ jsxs3("div", {
-    className: "c-rte-link-preview",
-    children: [
-      preview.google.image && /* @__PURE__ */ jsx7("div", {
-        className: "c-rte-link-preview-image-wrapper",
-        children: /* @__PURE__ */ jsx7("img", {
-          src: preview.google.image,
-          alt: preview.google.title,
-          className: "c-rte-link-preview-image"
-        })
-      }),
-      preview.google.title && /* @__PURE__ */ jsx7("div", {
-        className: "c-rte-link-preview-title",
-        children: preview.google.title
-      }),
-      preview.google.description && /* @__PURE__ */ jsx7("div", {
-        className: "c-rte-link-preview-description",
-        children: preview.google.description
-      }),
-      textContent && textContent !== preview.google.title ? /* @__PURE__ */ jsx7(Button, {
-        className: "c-rte-link-preview__replace-text-btn",
-        onClick: useTitleForText,
-        children: tr("linkPreviewReplaceTextWithTitle")
-      }) : null
-    ]
-  });
+  return /* @__PURE__ */ jsxs3("div", { className: "c-rte-link-preview", children: [
+    preview.google.image && /* @__PURE__ */ jsx7("div", { className: "c-rte-link-preview-image-wrapper", children: /* @__PURE__ */ jsx7("img", { src: preview.google.image, alt: preview.google.title, className: "c-rte-link-preview-image" }) }),
+    preview.google.title && /* @__PURE__ */ jsx7("div", { className: "c-rte-link-preview-title", children: preview.google.title }),
+    preview.google.description && /* @__PURE__ */ jsx7("div", { className: "c-rte-link-preview-description", children: preview.google.description }),
+    textContent && textContent !== preview.google.title ? /* @__PURE__ */ jsx7(Button, { className: "c-rte-link-preview__replace-text-btn", onClick: useTitleForText, children: tr("linkPreviewReplaceTextWithTitle") }) : null
+  ] });
 }
 function Glimmer(props) {
-  return /* @__PURE__ */ jsx7("div", {
-    className: "c-rte-link-preview-glimmer",
-    ...props,
-    style: {
-      animationDelay: String((props.index || 0) * 300),
-      ...props.style || {}
+  return /* @__PURE__ */ jsx7(
+    "div",
+    {
+      className: "c-rte-link-preview-glimmer",
+      ...props,
+      style: {
+        animationDelay: String((props.index || 0) * 300),
+        ...props.style || {}
+      }
     }
-  });
+  );
 }
 function LinkPreview({
   url
 }) {
-  return /* @__PURE__ */ jsx7(Suspense, {
-    fallback: /* @__PURE__ */ jsxs3(Fragment2, {
-      children: [
-        /* @__PURE__ */ jsx7(Glimmer, {
-          style: { height: "80px" },
-          index: 0
-        }),
-        /* @__PURE__ */ jsx7(Glimmer, {
-          style: { width: "60%" },
-          index: 1
-        }),
-        /* @__PURE__ */ jsx7(Glimmer, {
-          style: { width: "80%" },
-          index: 2
-        })
-      ]
-    }),
-    children: /* @__PURE__ */ jsx7(LinkPreviewContent, {
-      url
-    })
-  });
+  return /* @__PURE__ */ jsx7(
+    Suspense,
+    {
+      fallback: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+        /* @__PURE__ */ jsx7(Glimmer, { style: { height: "80px" }, index: 0 }),
+        /* @__PURE__ */ jsx7(Glimmer, { style: { width: "60%" }, index: 1 }),
+        /* @__PURE__ */ jsx7(Glimmer, { style: { width: "80%" }, index: 2 })
+      ] }),
+      children: /* @__PURE__ */ jsx7(LinkPreviewContent, { url })
+    }
+  );
 }
 
 // src/rich-text-editor/utils/getSelectedNode.ts
@@ -1250,109 +1178,77 @@ function FloatingLinkEditor({
       inputRef.current.focus();
     }
   }, [isEditMode]);
-  return /* @__PURE__ */ jsx8("div", {
-    ref: editorRef,
-    className: "c-rte-link-editor",
-    "data-testid": "rich-text-link-editor",
-    children: isEditMode ? /* @__PURE__ */ jsxs4("div", {
-      children: [
-        /* @__PURE__ */ jsx8("div", {
-          className: "c-rte-link-editor-input-group",
-          children: /* @__PURE__ */ jsx8(InputWithLabel, {
-            label: tr("linkEditorLink"),
-            type: "text",
-            value: linkUrl,
-            onChange: (e) => setLinkUrl(e.target.value)
-          })
-        }),
-        /* @__PURE__ */ jsx8("div", {
-          className: "c-rte-link-editor-input-group",
-          children: /* @__PURE__ */ jsx8(InputWithLabel, {
-            label: tr("linkEditorRel"),
-            type: "text",
-            value: rel ?? "",
-            onChange: (e) => setRel(e.target.value)
-          })
-        }),
-        /* @__PURE__ */ jsx8("div", {
-          className: "c-rte-link-editor-input-group",
-          children: /* @__PURE__ */ jsx8(InputWithLabel, {
-            label: tr("linkEditorTarget"),
-            type: "text",
-            value: target ?? "",
-            onChange: (e) => setTarget(e.target.value)
-          })
-        }),
-        /* @__PURE__ */ jsx8("div", {
-          className: "c-rte-link-editor-button-wrap",
-          children: /* @__PURE__ */ jsx8(Button, {
-            "data-testid": "link-editor-save-button",
-            onClick: () => {
-              if (lastSelection !== null) {
-                if (linkUrl !== "") {
-                  editor.dispatchCommand(TOGGLE_LINK_COMMAND, {
-                    url: sanitizeUrl(linkUrl),
-                    rel,
-                    target
-                  });
-                }
-                setEditMode(false);
-              }
-            },
-            children: tr("linkEditorCommit")
-          })
-        })
-      ]
-    }) : /* @__PURE__ */ jsxs4(Fragment3, {
-      children: [
-        /* @__PURE__ */ jsxs4("div", {
-          className: "c-rte-link-editor-link-input",
-          children: [
-            /* @__PURE__ */ jsxs4("div", {
-              className: "c-rte-link-editor-link-preview",
-              children: [
-                /* @__PURE__ */ jsx8("a", {
-                  href: linkUrl,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  children: linkUrl
-                }),
-                rel || target ? /* @__PURE__ */ jsxs4("div", {
-                  className: "c-rte-link-editor-preview-attrs",
-                  children: [
-                    rel && /* @__PURE__ */ jsx8("div", {
-                      className: "c-rte-link-editor-preview-attr",
-                      children: rel
-                    }),
-                    target && /* @__PURE__ */ jsx8("div", {
-                      className: "c-rte-link-editor-preview-attr",
-                      children: target
-                    })
-                  ]
-                }) : null
-              ]
-            }),
-            /* @__PURE__ */ jsx8("div", {
-              children: /* @__PURE__ */ jsx8(IconButton, {
-                size: "sm",
-                tabIndex: 0,
-                onMouseDown: (event) => event.preventDefault(),
-                onClick: () => setEditMode(true),
-                "aria-label": tr("linkEditorEdit"),
-                "data-testid": "link-editor-edit",
-                children: /* @__PURE__ */ jsx8(Icon.Edit, {})
-              })
-            })
-          ]
-        }),
-        /* @__PURE__ */ jsx8("div", {
-          children: /* @__PURE__ */ jsx8(LinkPreview, {
-            url: linkUrl
-          })
-        })
-      ]
-    })
-  });
+  return /* @__PURE__ */ jsx8("div", { ref: editorRef, className: "c-rte-link-editor", "data-testid": "rich-text-link-editor", children: isEditMode ? /* @__PURE__ */ jsxs4("div", { children: [
+    /* @__PURE__ */ jsx8("div", { className: "c-rte-link-editor-input-group", children: /* @__PURE__ */ jsx8(
+      InputWithLabel,
+      {
+        label: tr("linkEditorLink"),
+        type: "text",
+        value: linkUrl,
+        onChange: (e) => setLinkUrl(e.target.value)
+      }
+    ) }),
+    /* @__PURE__ */ jsx8("div", { className: "c-rte-link-editor-input-group", children: /* @__PURE__ */ jsx8(
+      InputWithLabel,
+      {
+        label: tr("linkEditorRel"),
+        type: "text",
+        value: rel ?? "",
+        onChange: (e) => setRel(e.target.value)
+      }
+    ) }),
+    /* @__PURE__ */ jsx8("div", { className: "c-rte-link-editor-input-group", children: /* @__PURE__ */ jsx8(
+      InputWithLabel,
+      {
+        label: tr("linkEditorTarget"),
+        type: "text",
+        value: target ?? "",
+        onChange: (e) => setTarget(e.target.value)
+      }
+    ) }),
+    /* @__PURE__ */ jsx8("div", { className: "c-rte-link-editor-button-wrap", children: /* @__PURE__ */ jsx8(
+      Button,
+      {
+        "data-testid": "link-editor-save-button",
+        onClick: () => {
+          if (lastSelection !== null) {
+            if (linkUrl !== "") {
+              editor.dispatchCommand(TOGGLE_LINK_COMMAND, {
+                url: sanitizeUrl(linkUrl),
+                rel,
+                target
+              });
+            }
+            setEditMode(false);
+          }
+        },
+        children: tr("linkEditorCommit")
+      }
+    ) })
+  ] }) : /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    /* @__PURE__ */ jsxs4("div", { className: "c-rte-link-editor-link-input", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "c-rte-link-editor-link-preview", children: [
+        /* @__PURE__ */ jsx8("a", { href: linkUrl, target: "_blank", rel: "noopener noreferrer", children: linkUrl }),
+        rel || target ? /* @__PURE__ */ jsxs4("div", { className: "c-rte-link-editor-preview-attrs", children: [
+          rel && /* @__PURE__ */ jsx8("div", { className: "c-rte-link-editor-preview-attr", children: rel }),
+          target && /* @__PURE__ */ jsx8("div", { className: "c-rte-link-editor-preview-attr", children: target })
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsx8("div", { children: /* @__PURE__ */ jsx8(
+        IconButton,
+        {
+          size: "sm",
+          tabIndex: 0,
+          onMouseDown: (event) => event.preventDefault(),
+          onClick: () => setEditMode(true),
+          "aria-label": tr("linkEditorEdit"),
+          "data-testid": "link-editor-edit",
+          children: /* @__PURE__ */ jsx8(Icon.Edit, {})
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx8("div", { children: /* @__PURE__ */ jsx8(LinkPreview, { url: linkUrl }) })
+  ] }) });
 }
 function useFloatingLinkEditorToolbar(editor, anchorElem) {
   const [activeEditor, setActiveEditor] = useState5(editor);
@@ -1395,12 +1291,7 @@ function useFloatingLinkEditorToolbar(editor, anchorElem) {
     return () => document.removeEventListener("click", onClick);
   }, [isLink, activeEditor]);
   return isLink ? createPortal2(
-    /* @__PURE__ */ jsx8(FloatingLinkEditor, {
-      editor: activeEditor,
-      isLink,
-      anchorElem,
-      setIsLink
-    }),
+    /* @__PURE__ */ jsx8(FloatingLinkEditor, { editor: activeEditor, isLink, anchorElem, setIsLink }),
     anchorElem
   ) : null;
 }
@@ -1413,7 +1304,6 @@ function FloatingLinkEditorPlugin({
 
 // src/rich-text-editor/plugins/FloatingTextFormatToolbarPlugin/index.tsx
 import { useCallback as useCallback2, useEffect as useEffect5, useRef as useRef3, useState as useState6 } from "react";
-import "react";
 import {
   $getSelection as $getSelection4,
   $isRangeSelection as $isRangeSelection2,
@@ -1537,96 +1427,132 @@ function TextFormatFloatingToolbar({
   if (!editor.isEditable()) {
     return /* @__PURE__ */ jsx9("span", {});
   }
-  return /* @__PURE__ */ jsxs5("div", {
-    ref: popupCharStylesEditorRef,
-    className: "c-rte-floating-text-format-tb-plugin",
-    children: [
-      /* @__PURE__ */ jsx9(IconButton, {
+  return /* @__PURE__ */ jsxs5("div", { ref: popupCharStylesEditorRef, className: "c-rte-floating-text-format-tb-plugin", children: [
+    /* @__PURE__ */ jsx9(
+      IconButton,
+      {
         onClick: () => {
           editor.dispatchCommand(FORMAT_TEXT_COMMAND, "bold");
         },
         style: { padding: 0, overflow: "hidden" },
         title: tr(IS_APPLE ? "actionFormatAsStrongTitleApple" : "actionFormatAsStrongTitle"),
         "aria-label": tr("actionFormatAsStrongLabel"),
-        children: /* @__PURE__ */ jsx9("i", {
-          className: `c-rte-icon-bold c-rte-floating-text-format-tb-plugin__format-icon ${isBold ? "selected" : ""}`
-        })
-      }),
-      /* @__PURE__ */ jsx9(IconButton, {
+        children: /* @__PURE__ */ jsx9(
+          "i",
+          {
+            className: `c-rte-icon-bold c-rte-floating-text-format-tb-plugin__format-icon ${isBold ? "selected" : ""}`
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx9(
+      IconButton,
+      {
         style: { padding: 0, overflow: "hidden" },
         onClick: () => {
           editor.dispatchCommand(FORMAT_TEXT_COMMAND, "italic");
         },
         title: tr("actionFormatAsEmphasizedTitle"),
         "aria-label": tr("actionFormatAsEmphasizedLabel"),
-        children: /* @__PURE__ */ jsx9("i", {
-          className: `c-rte-icon-italic c-rte-floating-text-format-tb-plugin__format-icon ${isItalic ? "selected" : ""}`
-        })
-      }),
-      /* @__PURE__ */ jsx9(IconButton, {
+        children: /* @__PURE__ */ jsx9(
+          "i",
+          {
+            className: `c-rte-icon-italic c-rte-floating-text-format-tb-plugin__format-icon ${isItalic ? "selected" : ""}`
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx9(
+      IconButton,
+      {
         style: { padding: 0, overflow: "hidden" },
         onClick: () => {
           editor.dispatchCommand(FORMAT_TEXT_COMMAND, "underline");
         },
         title: tr("actionFormatAsUnderlinedTitle"),
         "aria-label": tr("actionFormatAsUnderlinedLabel"),
-        children: /* @__PURE__ */ jsx9("i", {
-          className: `c-rte-icon-underline c-rte-floating-text-format-tb-plugin__format-icon ${isUnderline ? "selected" : ""}`
-        })
-      }),
-      /* @__PURE__ */ jsx9(IconButton, {
+        children: /* @__PURE__ */ jsx9(
+          "i",
+          {
+            className: `c-rte-icon-underline c-rte-floating-text-format-tb-plugin__format-icon ${isUnderline ? "selected" : ""}`
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx9(
+      IconButton,
+      {
         style: { padding: 0, overflow: "hidden" },
         onClick: () => {
           editor.dispatchCommand(FORMAT_TEXT_COMMAND, "code");
         },
         "aria-label": tr("actionInsertCodeBlock"),
-        children: /* @__PURE__ */ jsx9("i", {
-          className: `c-rte-icon-code c-rte-floating-text-format-tb-plugin__format-icon ${isCode ? "selected" : ""}`
-        })
-      }),
-      /* @__PURE__ */ jsx9(IconButton, {
-        style: { padding: 0, overflow: "hidden" },
-        onClick: insertLink,
-        "aria-label": tr("actionInsertlink"),
-        children: /* @__PURE__ */ jsx9("i", {
-          className: `c-rte-icon-link c-rte-floating-text-format-tb-plugin__format-icon ${isLink ? "selected" : ""}`
-        })
-      }),
-      /* @__PURE__ */ jsx9(IconButton, {
+        children: /* @__PURE__ */ jsx9(
+          "i",
+          {
+            className: `c-rte-icon-code c-rte-floating-text-format-tb-plugin__format-icon ${isCode ? "selected" : ""}`
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx9(IconButton, { style: { padding: 0, overflow: "hidden" }, onClick: insertLink, "aria-label": tr("actionInsertlink"), children: /* @__PURE__ */ jsx9(
+      "i",
+      {
+        className: `c-rte-icon-link c-rte-floating-text-format-tb-plugin__format-icon ${isLink ? "selected" : ""}`
+      }
+    ) }),
+    /* @__PURE__ */ jsx9(
+      IconButton,
+      {
         style: { padding: 0, overflow: "hidden" },
         onClick: () => {
           editor.dispatchCommand(FORMAT_TEXT_COMMAND, "strikethrough");
         },
         title: tr("actionFormatWithStrikethroughTitle"),
         "aria-label": tr("actionFormatWithStrikethroughLabel"),
-        children: /* @__PURE__ */ jsx9("i", {
-          className: `c-rte-icon-strikethrough c-rte-floating-text-format-tb-plugin__format-icon ${isStrikethrough ? "selected" : ""}`
-        })
-      }),
-      /* @__PURE__ */ jsx9(IconButton, {
+        children: /* @__PURE__ */ jsx9(
+          "i",
+          {
+            className: `c-rte-icon-strikethrough c-rte-floating-text-format-tb-plugin__format-icon ${isStrikethrough ? "selected" : ""}`
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx9(
+      IconButton,
+      {
         style: { padding: 0, overflow: "hidden" },
         onClick: () => {
           editor.dispatchCommand(FORMAT_TEXT_COMMAND, "subscript");
         },
         title: tr("actionFormatWithSubscriptTitle"),
         "aria-label": tr("actionFormatWithSubscriptLabel"),
-        children: /* @__PURE__ */ jsx9("i", {
-          className: `c-rte-icon-subscript c-rte-floating-text-format-tb-plugin__format-icon ${isSubscript ? "selected" : ""}`
-        })
-      }),
-      /* @__PURE__ */ jsx9(IconButton, {
+        children: /* @__PURE__ */ jsx9(
+          "i",
+          {
+            className: `c-rte-icon-subscript c-rte-floating-text-format-tb-plugin__format-icon ${isSubscript ? "selected" : ""}`
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx9(
+      IconButton,
+      {
         style: { padding: 0, overflow: "hidden" },
         onClick: () => {
           editor.dispatchCommand(FORMAT_TEXT_COMMAND, "superscript");
         },
         title: tr("actionFormatWithSuperscriptTitle"),
         "aria-label": tr("actionFormatWithSuperscriptLabel"),
-        children: /* @__PURE__ */ jsx9("i", {
-          className: `c-rte-icon-superscript c-rte-floating-text-format-tb-plugin__format-icon ${isSuperscript ? "selected" : ""}`
-        })
-      })
-    ]
-  });
+        children: /* @__PURE__ */ jsx9(
+          "i",
+          {
+            className: `c-rte-icon-superscript c-rte-floating-text-format-tb-plugin__format-icon ${isSuperscript ? "selected" : ""}`
+          }
+        )
+      }
+    )
+  ] });
 }
 function useFloatingTextFormatToolbar(editor, anchorElem) {
   const [isText, setIsText] = useState6(false);
@@ -1696,18 +1622,21 @@ function useFloatingTextFormatToolbar(editor, anchorElem) {
     return null;
   }
   return createPortal3(
-    /* @__PURE__ */ jsx9(TextFormatFloatingToolbar, {
-      editor,
-      anchorElem,
-      isLink,
-      isBold,
-      isItalic,
-      isStrikethrough,
-      isSubscript,
-      isSuperscript,
-      isUnderline,
-      isCode
-    }),
+    /* @__PURE__ */ jsx9(
+      TextFormatFloatingToolbar,
+      {
+        editor,
+        anchorElem,
+        isLink,
+        isBold,
+        isItalic,
+        isStrikethrough,
+        isSubscript,
+        isSuperscript,
+        isUnderline,
+        isCode
+      }
+    ),
     anchorElem
   );
 }
@@ -1719,13 +1648,10 @@ function FloatingTextFormatToolbarPlugin({
 }
 
 // src/rich-text-editor/plugins/LinkPlugin/index.tsx
-import "react";
 import { LinkPlugin as LexicalLinkPlugin } from "@lexical/react/LexicalLinkPlugin";
 import { jsx as jsx10 } from "react/jsx-runtime";
 function LinkPlugin() {
-  return /* @__PURE__ */ jsx10(LexicalLinkPlugin, {
-    validateUrl
-  });
+  return /* @__PURE__ */ jsx10(LexicalLinkPlugin, { validateUrl });
 }
 
 // src/rich-text-editor/plugins/ListMaxIndentLevelPlugin/index.ts
@@ -2072,51 +1998,22 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
       clearTableSelection();
     });
   }, [editor, tableCellNode, clearTableSelection]);
-  return /* @__PURE__ */ jsxs6(Fragment4, {
-    children: [
-      /* @__PURE__ */ jsx11(DropdownMenu.Item, {
-        onSelect: () => insertTableRowAtSelection(false),
-        children: tr("actionTableInsertRowsAbove", selectionCounts.rows)
-      }),
-      /* @__PURE__ */ jsx11(DropdownMenu.Item, {
-        onSelect: () => insertTableRowAtSelection(true),
-        children: tr("actionTableInsertRowsBelow", selectionCounts.rows)
-      }),
-      /* @__PURE__ */ jsx11(DropdownMenu.Item, {
-        onSelect: () => insertTableColumnAtSelection(false),
-        children: tr("actionTableInsertColumnsBefore", selectionCounts.columns)
-      }),
-      /* @__PURE__ */ jsx11(DropdownMenu.Item, {
-        onSelect: () => insertTableColumnAtSelection(true),
-        children: tr("actionTableInsertColumnsAfter", selectionCounts.columns)
-      }),
-      /* @__PURE__ */ jsx11(DropdownMenu.Item, {
-        onSelect: () => toggleTableRowIsHeader(),
-        children: tr(
-          (tableCellNode.__headerState & TableCellHeaderStates.ROW) === TableCellHeaderStates.ROW ? "actionTableRemoveRowHeader" : "actionTableAddRowHeader"
-        )
-      }),
-      /* @__PURE__ */ jsx11(DropdownMenu.Item, {
-        onSelect: () => toggleTableColumnIsHeader(),
-        children: tr(
-          (tableCellNode.__headerState & TableCellHeaderStates.COLUMN) === TableCellHeaderStates.COLUMN ? "actionTableRemoveColumnHeader" : "actionTableAddColumnHeader"
-        )
-      }),
-      /* @__PURE__ */ jsx11(DropdownMenu.Separator, {}),
-      tableStats.columns > 1 && /* @__PURE__ */ jsx11(DropdownMenu.Item, {
-        onSelect: () => deleteTableColumnAtSelection(),
-        children: tr("actionTableDeleteColumn")
-      }),
-      tableStats.rows > 1 && /* @__PURE__ */ jsx11(DropdownMenu.Item, {
-        onSelect: () => deleteTableRowAtSelection(),
-        children: tr("actionTableDeleteRow")
-      }),
-      /* @__PURE__ */ jsx11(DropdownMenu.Item, {
-        onSelect: () => deleteTableAtSelection(),
-        children: tr("actionTableDeleteTable")
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs6(Fragment4, { children: [
+    /* @__PURE__ */ jsx11(DropdownMenu.Item, { onSelect: () => insertTableRowAtSelection(false), children: tr("actionTableInsertRowsAbove", selectionCounts.rows) }),
+    /* @__PURE__ */ jsx11(DropdownMenu.Item, { onSelect: () => insertTableRowAtSelection(true), children: tr("actionTableInsertRowsBelow", selectionCounts.rows) }),
+    /* @__PURE__ */ jsx11(DropdownMenu.Item, { onSelect: () => insertTableColumnAtSelection(false), children: tr("actionTableInsertColumnsBefore", selectionCounts.columns) }),
+    /* @__PURE__ */ jsx11(DropdownMenu.Item, { onSelect: () => insertTableColumnAtSelection(true), children: tr("actionTableInsertColumnsAfter", selectionCounts.columns) }),
+    /* @__PURE__ */ jsx11(DropdownMenu.Item, { onSelect: () => toggleTableRowIsHeader(), children: tr(
+      (tableCellNode.__headerState & TableCellHeaderStates.ROW) === TableCellHeaderStates.ROW ? "actionTableRemoveRowHeader" : "actionTableAddRowHeader"
+    ) }),
+    /* @__PURE__ */ jsx11(DropdownMenu.Item, { onSelect: () => toggleTableColumnIsHeader(), children: tr(
+      (tableCellNode.__headerState & TableCellHeaderStates.COLUMN) === TableCellHeaderStates.COLUMN ? "actionTableRemoveColumnHeader" : "actionTableAddColumnHeader"
+    ) }),
+    /* @__PURE__ */ jsx11(DropdownMenu.Separator, {}),
+    tableStats.columns > 1 && /* @__PURE__ */ jsx11(DropdownMenu.Item, { onSelect: () => deleteTableColumnAtSelection(), children: tr("actionTableDeleteColumn") }),
+    tableStats.rows > 1 && /* @__PURE__ */ jsx11(DropdownMenu.Item, { onSelect: () => deleteTableRowAtSelection(), children: tr("actionTableDeleteRow") }),
+    /* @__PURE__ */ jsx11(DropdownMenu.Item, { onSelect: () => deleteTableAtSelection(), children: tr("actionTableDeleteTable") })
+  ] });
 }
 function TableCellActionMenuContainer({ anchorElem }) {
   const [editor] = useLexicalComposerContext9();
@@ -2193,30 +2090,20 @@ function TableCellActionMenuContainer({ anchorElem }) {
       }
     }
   }, [menuButtonRef, tableCellNode, editor, anchorElem]);
-  return /* @__PURE__ */ jsx11("div", {
-    className: "c-rte-table-cell-action-button-container",
-    ref: menuButtonRef,
-    children: tableCellNode != null && /* @__PURE__ */ jsx11(DropdownMenu.Root, {
+  return /* @__PURE__ */ jsx11("div", { className: "c-rte-table-cell-action-button-container", ref: menuButtonRef, children: tableCellNode != null && /* @__PURE__ */ jsx11(
+    DropdownMenu.Root,
+    {
       onOpenChange: (isOpen) => setIsMenuOpen(isOpen),
-      content: /* @__PURE__ */ jsx11(TableActionMenu, {
-        tableCellNode,
-        tableStats
-      }),
-      children: /* @__PURE__ */ jsx11(IconButton, {
-        size: "xs",
-        "aria-label": tr("actionTableOpenOptions"),
-        children: /* @__PURE__ */ jsx11(Icon.Arrow, {})
-      })
-    })
-  });
+      content: /* @__PURE__ */ jsx11(TableActionMenu, { tableCellNode, tableStats }),
+      children: /* @__PURE__ */ jsx11(IconButton, { size: "xs", "aria-label": tr("actionTableOpenOptions"), children: /* @__PURE__ */ jsx11(Icon.Arrow, {}) })
+    }
+  ) });
 }
 function TableActionMenuPlugin({
   anchorElem = document.body
 }) {
   const isEditable = useLexicalEditable();
-  return createPortal4(isEditable ? /* @__PURE__ */ jsx11(TableCellActionMenuContainer, {
-    anchorElem
-  }) : null, anchorElem);
+  return createPortal4(isEditable ? /* @__PURE__ */ jsx11(TableCellActionMenuContainer, { anchorElem }) : null, anchorElem);
 }
 
 // src/rich-text-editor/plugins/ToolbarPlugin/index.tsx
@@ -2280,19 +2167,21 @@ async function copyJson(editor) {
 function ActionsPlugin({ append, prepend, disabled }) {
   const [editor] = useLexicalComposerContext10();
   const tr = useTr();
-  return /* @__PURE__ */ jsxs7(ActionMenu, {
-    children: [
-      !prepend ? null : prepend.map((actionItem) => /* @__PURE__ */ jsx12(ActionMenu.Item, {
+  return /* @__PURE__ */ jsxs7(ActionMenu, { children: [
+    !prepend ? null : prepend.map((actionItem) => /* @__PURE__ */ jsx12(
+      ActionMenu.Item,
+      {
         onSelect: actionItem.action,
         className: actionItem.type === "danger" ? "danger" : "",
         disabled: actionItem.disabled,
         children: actionItem.title
-      }, actionItem.title)),
-      /* @__PURE__ */ jsx12(ActionMenu.Item, {
-        onSelect: () => copyJson(editor),
-        children: tr("actionCopyJSON")
-      }),
-      /* @__PURE__ */ jsx12(ActionMenu.Item, {
+      },
+      actionItem.title
+    )),
+    /* @__PURE__ */ jsx12(ActionMenu.Item, { onSelect: () => copyJson(editor), children: tr("actionCopyJSON") }),
+    /* @__PURE__ */ jsx12(
+      ActionMenu.Item,
+      {
         disabled,
         className: "danger",
         onSelect: () => {
@@ -2300,15 +2189,19 @@ function ActionsPlugin({ append, prepend, disabled }) {
           editor.focus();
         },
         children: tr("actionClear")
-      }),
-      !append ? null : append.map((actionItem) => /* @__PURE__ */ jsx12(ActionMenu.Item, {
+      }
+    ),
+    !append ? null : append.map((actionItem) => /* @__PURE__ */ jsx12(
+      ActionMenu.Item,
+      {
         onSelect: actionItem.action,
         className: actionItem.type === "danger" ? "danger" : "",
         disabled: actionItem.disabled,
         children: actionItem.title
-      }, actionItem.title))
-    ]
-  });
+      },
+      actionItem.title
+    ))
+  ] });
 }
 
 // src/rich-text-editor/plugins/ToolbarPlugin/insert-table.tsx
@@ -2332,46 +2225,34 @@ function InsertTableDialog({ activeEditor }) {
       }
     });
   };
-  return /* @__PURE__ */ jsxs8("div", {
-    className: "c-rte-insert-table",
-    children: [
-      /* @__PURE__ */ jsxs8("div", {
-        className: "c-rte-insert-table__dimensions",
-        children: [
-          /* @__PURE__ */ jsx13(InputWithLabel, {
-            label: tr("insertTableRows"),
-            value: rows,
-            placeholder: "0",
-            type: "text",
-            inputMode: "numeric",
-            onChange: (e) => setRows(e.target.value)
-          }),
-          /* @__PURE__ */ jsx13("span", {
-            className: "c-rte-insert-table__dimensions__separator"
-          }),
-          /* @__PURE__ */ jsx13(InputWithLabel, {
-            type: "text",
-            label: tr("insertTableColumns"),
-            placeholder: "0",
-            value: columns,
-            inputMode: "numeric",
-            onChange: (e) => setColumns(e.target.value)
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx13("div", {
-        className: "c-rte-insert-table__actions",
-        children: /* @__PURE__ */ jsx13(Button, {
-          as: Dialog.Close,
-          size: "sm",
-          intent: "action",
-          "aria-label": tr("insertTableCommit"),
-          onClick,
-          children: tr("insertTableCommit")
-        })
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs8("div", { className: "c-rte-insert-table", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "c-rte-insert-table__dimensions", children: [
+      /* @__PURE__ */ jsx13(
+        InputWithLabel,
+        {
+          label: tr("insertTableRows"),
+          value: rows,
+          placeholder: "0",
+          type: "text",
+          inputMode: "numeric",
+          onChange: (e) => setRows(e.target.value)
+        }
+      ),
+      /* @__PURE__ */ jsx13("span", { className: "c-rte-insert-table__dimensions__separator" }),
+      /* @__PURE__ */ jsx13(
+        InputWithLabel,
+        {
+          type: "text",
+          label: tr("insertTableColumns"),
+          placeholder: "0",
+          value: columns,
+          inputMode: "numeric",
+          onChange: (e) => setColumns(e.target.value)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx13("div", { className: "c-rte-insert-table__actions", children: /* @__PURE__ */ jsx13(Button, { as: Dialog.Close, size: "sm", intent: "action", "aria-label": tr("insertTableCommit"), onClick, children: tr("insertTableCommit") }) })
+  ] });
 }
 
 // src/rich-text-editor/plugins/ToolbarPlugin/index.tsx
@@ -2479,104 +2360,84 @@ function BlockFormatDropDown({
       });
     }
   };
-  return /* @__PURE__ */ jsx14(DropdownMenu.Root, {
-    disabled,
-    style: { zIndex: 1 },
-    content: /* @__PURE__ */ jsxs9(Fragment5, {
-      children: [
-        /* @__PURE__ */ jsxs9(DropdownMenu.Item, {
-          onClick: formatParagraph,
-          children: [
-            /* @__PURE__ */ jsx14("i", {
+  return /* @__PURE__ */ jsx14(
+    DropdownMenu.Root,
+    {
+      disabled,
+      style: { zIndex: 1 },
+      content: /* @__PURE__ */ jsxs9(Fragment5, { children: [
+        /* @__PURE__ */ jsxs9(DropdownMenu.Item, { onClick: formatParagraph, children: [
+          /* @__PURE__ */ jsx14(
+            "i",
+            {
               className: `c-rte-icon-paragraph c-rte-toolbar__block-format__icon ${blockType === "paragraph" ? "selected" : ""}`
-            }),
-            /* @__PURE__ */ jsx14("span", {
-              className: `c-rte-toolbar__block-format__text ${blockType === "paragraph" ? "selected" : ""}`,
-              children: "Normal"
-            })
-          ]
-        }),
-        headings.map((headingSize) => /* @__PURE__ */ jsxs9(DropdownMenu.Item, {
-          onClick: () => formatHeading(headingSize),
-          children: [
-            /* @__PURE__ */ jsx14("i", {
+            }
+          ),
+          /* @__PURE__ */ jsx14("span", { className: `c-rte-toolbar__block-format__text ${blockType === "paragraph" ? "selected" : ""}`, children: "Normal" })
+        ] }),
+        headings.map((headingSize) => /* @__PURE__ */ jsxs9(DropdownMenu.Item, { onClick: () => formatHeading(headingSize), children: [
+          /* @__PURE__ */ jsx14(
+            "i",
+            {
               className: `c-rte-icon-${headingSize} c-rte-toolbar__block-format__icon ${blockType === headingSize ? "selected" : ""}`
-            }),
-            /* @__PURE__ */ jsx14("span", {
-              className: `c-rte-toolbar__block-format__text ${blockType === headingSize ? "selected" : ""}`,
-              children: headingTypeToBlockName[headingSize]
-            })
-          ]
-        }, headingSize)),
-        /* @__PURE__ */ jsxs9(DropdownMenu.Item, {
-          onClick: formatBulletList,
-          children: [
-            /* @__PURE__ */ jsx14("i", {
+            }
+          ),
+          /* @__PURE__ */ jsx14("span", { className: `c-rte-toolbar__block-format__text ${blockType === headingSize ? "selected" : ""}`, children: headingTypeToBlockName[headingSize] })
+        ] }, headingSize)),
+        /* @__PURE__ */ jsxs9(DropdownMenu.Item, { onClick: formatBulletList, children: [
+          /* @__PURE__ */ jsx14(
+            "i",
+            {
               className: `c-rte-icon-bullet-list c-rte-toolbar__block-format__icon ${blockType === "bullet" ? "selected" : ""}`
-            }),
-            /* @__PURE__ */ jsx14("span", {
-              className: `c-rte-toolbar__block-format__text ${blockType === "bullet" ? "selected" : ""}`,
-              children: "Bullet List"
-            })
-          ]
-        }),
-        /* @__PURE__ */ jsxs9(DropdownMenu.Item, {
-          onClick: formatNumberedList,
-          children: [
-            /* @__PURE__ */ jsx14("i", {
+            }
+          ),
+          /* @__PURE__ */ jsx14("span", { className: `c-rte-toolbar__block-format__text ${blockType === "bullet" ? "selected" : ""}`, children: "Bullet List" })
+        ] }),
+        /* @__PURE__ */ jsxs9(DropdownMenu.Item, { onClick: formatNumberedList, children: [
+          /* @__PURE__ */ jsx14(
+            "i",
+            {
               className: `c-rte-icon-numbered-list c-rte-toolbar__block-format__icon ${blockType === "number" ? "selected" : ""}`
-            }),
-            /* @__PURE__ */ jsx14("span", {
-              className: `c-rte-toolbar__block-format__text ${blockType === "number" ? "selected" : ""}`,
-              children: "Numbered List"
-            })
-          ]
-        }),
-        /* @__PURE__ */ jsxs9(DropdownMenu.Item, {
-          onClick: formatQuote,
-          "data-testid": "toggle-block-format-quote",
-          children: [
-            /* @__PURE__ */ jsx14("i", {
+            }
+          ),
+          /* @__PURE__ */ jsx14("span", { className: `c-rte-toolbar__block-format__text ${blockType === "number" ? "selected" : ""}`, children: "Numbered List" })
+        ] }),
+        /* @__PURE__ */ jsxs9(DropdownMenu.Item, { onClick: formatQuote, "data-testid": "toggle-block-format-quote", children: [
+          /* @__PURE__ */ jsx14(
+            "i",
+            {
               className: `c-rte-icon-quote c-rte-toolbar__block-format__icon ${blockType === "quote" ? "selected" : ""}`
-            }),
-            /* @__PURE__ */ jsx14("span", {
-              className: `c-rte-toolbar__block-format__text ${blockType === "quote" ? "selected" : ""}`,
-              children: "Quote"
-            })
-          ]
-        }),
-        /* @__PURE__ */ jsxs9(DropdownMenu.Item, {
-          onClick: formatCode,
-          "data-testid": "toggle-block-format-code",
-          children: [
-            /* @__PURE__ */ jsx14("i", {
+            }
+          ),
+          /* @__PURE__ */ jsx14("span", { className: `c-rte-toolbar__block-format__text ${blockType === "quote" ? "selected" : ""}`, children: "Quote" })
+        ] }),
+        /* @__PURE__ */ jsxs9(DropdownMenu.Item, { onClick: formatCode, "data-testid": "toggle-block-format-code", children: [
+          /* @__PURE__ */ jsx14(
+            "i",
+            {
               className: `icon c-rte-icon-code c-rte-toolbar__block-format__icon ${blockType === "code" ? "selected" : ""}`
-            }),
-            /* @__PURE__ */ jsx14("span", {
-              className: `c-rte-toolbar__block-format__text ${blockType === "code" ? "selected" : ""}`,
-              children: "Code block"
-            })
+            }
+          ),
+          /* @__PURE__ */ jsx14("span", { className: `c-rte-toolbar__block-format__text ${blockType === "code" ? "selected" : ""}`, children: "Code block" })
+        ] })
+      ] }),
+      children: /* @__PURE__ */ jsxs9(
+        Button,
+        {
+          style: { backgroundColor: "transparent", padding: "0 8px" },
+          "aria-label": "Formatting options for text style",
+          "data-testid": "toggle-block-format",
+          children: [
+            /* @__PURE__ */ jsx14("i", { className: `c-rte-toolbar__toggle-icon c-rte-icon-${blockType}` }),
+            /* @__PURE__ */ jsx14(Icon.Arrow, {})
           ]
-        })
-      ]
-    }),
-    children: /* @__PURE__ */ jsxs9(Button, {
-      style: { backgroundColor: "transparent", padding: "0 8px" },
-      "aria-label": "Formatting options for text style",
-      "data-testid": "toggle-block-format",
-      children: [
-        /* @__PURE__ */ jsx14("i", {
-          className: `c-rte-toolbar__toggle-icon c-rte-icon-${blockType}`
-        }),
-        /* @__PURE__ */ jsx14(Icon.Arrow, {})
-      ]
-    })
-  });
+        }
+      )
+    }
+  );
 }
 function Divider() {
-  return /* @__PURE__ */ jsx14("div", {
-    className: "c-rte-toolbar__divider"
-  });
+  return /* @__PURE__ */ jsx14("div", { className: "c-rte-toolbar__divider" });
 }
 function ToolbarPlugin({
   actionsMenuPrepend,
@@ -2724,294 +2585,267 @@ function ToolbarPlugin({
     },
     [activeEditor, selectedElementKey]
   );
-  return /* @__PURE__ */ jsxs9("div", {
-    className: "c-rte-toolbar",
-    children: [
-      /* @__PURE__ */ jsxs9("div", {
-        className: "c-rte-toolbar__inner",
-        children: [
-          /* @__PURE__ */ jsx14(IconButton, {
-            disabled: !canUndo || !isEditable,
+  return /* @__PURE__ */ jsxs9("div", { className: "c-rte-toolbar", children: [
+    /* @__PURE__ */ jsxs9("div", { className: "c-rte-toolbar__inner", children: [
+      /* @__PURE__ */ jsx14(
+        IconButton,
+        {
+          disabled: !canUndo || !isEditable,
+          onClick: () => {
+            activeEditor.dispatchCommand(UNDO_COMMAND, void 0);
+          },
+          type: "button",
+          title: tr(IS_APPLE ? "actionUndoTitleApple" : "actionUndoTitle"),
+          "aria-label": tr("actionUndoLabel"),
+          "data-testid": "rich-text-undo-button",
+          children: /* @__PURE__ */ jsx14(
+            "i",
+            {
+              className: `c-rte-icon-undo c-rte-toolbar__icon ${!canUndo ? "disabled" : ""}
+        `
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx14(
+        IconButton,
+        {
+          disabled: !canRedo || !isEditable,
+          onClick: () => {
+            activeEditor.dispatchCommand(REDO_COMMAND, void 0);
+          },
+          type: "button",
+          title: tr(IS_APPLE ? "actionRedoTitleApple" : "actionRedoTitle"),
+          "aria-label": tr("actionRedoLabel"),
+          children: /* @__PURE__ */ jsx14("i", { className: `c-rte-icon-redo c-rte-toolbar__icon ${!canRedo ? "disabled" : ""}` })
+        }
+      ),
+      /* @__PURE__ */ jsx14(Divider, {}),
+      blockType in blockTypeToBlockName && activeEditor === editor && /* @__PURE__ */ jsxs9(Fragment5, { children: [
+        /* @__PURE__ */ jsx14(BlockFormatDropDown, { disabled: !isEditable, blockType, editor }),
+        /* @__PURE__ */ jsx14(Divider, {})
+      ] }),
+      blockType === "code" ? /* @__PURE__ */ jsx14(Fragment5, { children: /* @__PURE__ */ jsx14(
+        DropdownMenu.Root,
+        {
+          disabled: !isEditable,
+          style: { zIndex: 1 },
+          content: /* @__PURE__ */ jsx14(Fragment5, { children: CODE_LANGUAGE_OPTIONS.map(([value, name]) => {
+            return /* @__PURE__ */ jsx14(
+              DropdownMenu.Item,
+              {
+                className: `item ${dropDownActiveClass(value === codeLanguage)}`,
+                onClick: () => onCodeLanguageSelect(value),
+                children: /* @__PURE__ */ jsx14(
+                  "span",
+                  {
+                    className: `c-rte-toolbar__code-lang__sel-item ${dropDownActiveClass(value === codeLanguage) ? "selected" : ""}`,
+                    children: name
+                  }
+                )
+              },
+              value
+            );
+          }) }),
+          children: /* @__PURE__ */ jsx14(Button, { "aria-label": tr("codeSelectLanguage"), append: /* @__PURE__ */ jsx14(Icon.Arrow, {}), children: /* @__PURE__ */ jsx14("span", { className: "c-rte-toolbar__code-lang__button-text", children: getLanguageFriendlyName2(codeLanguage) }) })
+        }
+      ) }) : /* @__PURE__ */ jsx14(Dialog, { children: /* @__PURE__ */ jsxs9("div", { className: "c-rte-toolbar__actions-rest", children: [
+        /* @__PURE__ */ jsx14(
+          IconButton,
+          {
+            disabled: !isEditable,
+            className: `c-rte-toolbar__icon-btn ${isBold ? "selected" : ""}`,
+            type: "button",
+            title: tr(IS_APPLE ? "actionFormatAsStrongTitleApple" : "actionFormatAsStrongTitle"),
+            "aria-label": tr("actionFormatAsStrongLabel"),
+            "data-testid": "toggle-format-bold",
+            onClick: () => {
+              activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND2, "bold");
+            },
+            children: /* @__PURE__ */ jsx14("i", { className: `c-rte-toolbar__icon-btn__icon c-rte-icon-bold` })
+          }
+        ),
+        /* @__PURE__ */ jsx14(
+          IconButton,
+          {
+            className: `c-rte-toolbar__icon-btn ${isItalic ? "selected" : ""}`,
+            disabled: !isEditable,
             onClick: () => {
-              activeEditor.dispatchCommand(UNDO_COMMAND, void 0);
+              activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND2, "italic");
             },
             type: "button",
-            title: tr(IS_APPLE ? "actionUndoTitleApple" : "actionUndoTitle"),
-            "aria-label": tr("actionUndoLabel"),
-            "data-testid": "rich-text-undo-button",
-            children: /* @__PURE__ */ jsx14("i", {
-              className: `c-rte-icon-undo c-rte-toolbar__icon ${!canUndo ? "disabled" : ""}
-        `
-            })
-          }),
-          /* @__PURE__ */ jsx14(IconButton, {
-            disabled: !canRedo || !isEditable,
+            title: tr(IS_APPLE ? "actionFormatAsEmphasizedTitleApple" : "actionFormatAsEmphasizedTitle"),
+            "aria-label": tr("actionFormatAsEmphasizedLabel"),
+            "data-testid": "toggle-format-emphasized",
+            children: /* @__PURE__ */ jsx14("i", { className: `c-rte-toolbar__icon-btn__icon c-rte-icon-italic` })
+          }
+        ),
+        /* @__PURE__ */ jsx14(
+          IconButton,
+          {
+            className: `c-rte-toolbar__icon-btn ${isUnderline ? "selected" : ""}`,
+            disabled: !isEditable,
+            onClick: () => {
+              activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND2, "underline");
+            },
+            type: "button",
+            title: tr(IS_APPLE ? "actionFormatAsUnderlinedTitleApple" : "actionFormatAsUnderlinedTitle"),
+            "aria-label": tr("actionFormatAsUnderlinedLabel"),
+            "data-testid": "toggle-format-underlined",
+            children: /* @__PURE__ */ jsx14("i", { className: `c-rte-toolbar__icon-btn__icon c-rte-icon-underline` })
+          }
+        ),
+        /* @__PURE__ */ jsx14(
+          IconButton,
+          {
+            className: `c-rte-toolbar__icon-btn ${isCode ? "selected" : ""}`,
+            disabled: !isEditable,
             onClick: () => {
-              activeEditor.dispatchCommand(REDO_COMMAND, void 0);
+              activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND2, "code");
             },
             type: "button",
-            title: tr(IS_APPLE ? "actionRedoTitleApple" : "actionRedoTitle"),
-            "aria-label": tr("actionRedoLabel"),
-            children: /* @__PURE__ */ jsx14("i", {
-              className: `c-rte-icon-redo c-rte-toolbar__icon ${!canRedo ? "disabled" : ""}`
-            })
-          }),
-          /* @__PURE__ */ jsx14(Divider, {}),
-          blockType in blockTypeToBlockName && activeEditor === editor && /* @__PURE__ */ jsxs9(Fragment5, {
-            children: [
-              /* @__PURE__ */ jsx14(BlockFormatDropDown, {
-                disabled: !isEditable,
-                blockType,
-                editor
-              }),
-              /* @__PURE__ */ jsx14(Divider, {})
-            ]
-          }),
-          blockType === "code" ? /* @__PURE__ */ jsx14(Fragment5, {
-            children: /* @__PURE__ */ jsx14(DropdownMenu.Root, {
-              disabled: !isEditable,
-              style: { zIndex: 1 },
-              content: /* @__PURE__ */ jsx14(Fragment5, {
-                children: CODE_LANGUAGE_OPTIONS.map(([value, name]) => {
-                  return /* @__PURE__ */ jsx14(DropdownMenu.Item, {
-                    className: `item ${dropDownActiveClass(value === codeLanguage)}`,
-                    onClick: () => onCodeLanguageSelect(value),
-                    children: /* @__PURE__ */ jsx14("span", {
-                      className: `c-rte-toolbar__code-lang__sel-item ${dropDownActiveClass(value === codeLanguage) ? "selected" : ""}`,
-                      children: name
-                    })
-                  }, value);
-                })
-              }),
-              children: /* @__PURE__ */ jsx14(Button, {
-                "aria-label": tr("codeSelectLanguage"),
-                append: /* @__PURE__ */ jsx14(Icon.Arrow, {}),
-                children: /* @__PURE__ */ jsx14("span", {
-                  className: "c-rte-toolbar__code-lang__button-text",
-                  children: getLanguageFriendlyName2(codeLanguage)
-                })
-              })
-            })
-          }) : /* @__PURE__ */ jsx14(Dialog, {
-            children: /* @__PURE__ */ jsxs9("div", {
-              className: "c-rte-toolbar__actions-rest",
-              children: [
-                /* @__PURE__ */ jsx14(IconButton, {
+            title: tr("actionInsertCodeBlock"),
+            "aria-label": tr("actionInsertCodeBlock"),
+            "data-testid": "toggle-format-code",
+            children: /* @__PURE__ */ jsx14("i", { className: `c-rte-toolbar__icon-btn__icon c-rte-icon-code` })
+          }
+        ),
+        /* @__PURE__ */ jsx14(
+          IconButton,
+          {
+            className: `c-rte-toolbar__icon-btn ${isLink ? "selected" : ""}`,
+            disabled: !isEditable,
+            onClick: insertLink,
+            type: "button",
+            "aria-label": tr("actionInsertlink"),
+            title: tr("actionInsertlink"),
+            children: /* @__PURE__ */ jsx14("i", { className: `c-rte-toolbar__icon-btn__icon c-rte-icon-link` })
+          }
+        ),
+        /* @__PURE__ */ jsx14(
+          DropdownMenu.Root,
+          {
+            disabled: !isEditable,
+            style: { zIndex: 1 },
+            content: /* @__PURE__ */ jsxs9(Fragment5, { children: [
+              /* @__PURE__ */ jsxs9(
+                DropdownMenu.Item,
+                {
                   disabled: !isEditable,
-                  className: `c-rte-toolbar__icon-btn ${isBold ? "selected" : ""}`,
-                  type: "button",
-                  title: tr(IS_APPLE ? "actionFormatAsStrongTitleApple" : "actionFormatAsStrongTitle"),
-                  "aria-label": tr("actionFormatAsStrongLabel"),
-                  "data-testid": "toggle-format-bold",
-                  onClick: () => {
-                    activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND2, "bold");
-                  },
-                  children: /* @__PURE__ */ jsx14("i", {
-                    className: `c-rte-toolbar__icon-btn__icon c-rte-icon-bold`
-                  })
-                }),
-                /* @__PURE__ */ jsx14(IconButton, {
-                  className: `c-rte-toolbar__icon-btn ${isItalic ? "selected" : ""}`,
+                  onClick: () => activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND2, "strikethrough"),
+                  title: tr("actionFormatWithStrikethroughTitle"),
+                  "aria-label": tr("actionFormatWithStrikethroughLabel"),
+                  children: [
+                    /* @__PURE__ */ jsx14(
+                      "i",
+                      {
+                        className: `c-rte-icon-strikethrough c-rte-toolbar__dd-item__icon ${isStrikethrough ? "selected" : ""}`
+                      }
+                    ),
+                    /* @__PURE__ */ jsx14("span", { className: `c-rte-toolbar__dd-item__text ${isStrikethrough ? "selected" : ""}`, children: tr("actionFormatWithStrikethroughTitle") })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs9(
+                DropdownMenu.Item,
+                {
                   disabled: !isEditable,
-                  onClick: () => {
-                    activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND2, "italic");
-                  },
-                  type: "button",
-                  title: tr(IS_APPLE ? "actionFormatAsEmphasizedTitleApple" : "actionFormatAsEmphasizedTitle"),
-                  "aria-label": tr("actionFormatAsEmphasizedLabel"),
-                  "data-testid": "toggle-format-emphasized",
-                  children: /* @__PURE__ */ jsx14("i", {
-                    className: `c-rte-toolbar__icon-btn__icon c-rte-icon-italic`
-                  })
-                }),
-                /* @__PURE__ */ jsx14(IconButton, {
-                  className: `c-rte-toolbar__icon-btn ${isUnderline ? "selected" : ""}`,
+                  onClick: () => activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND2, "subscript"),
+                  title: tr("actionFormatWithSubscriptTitle"),
+                  "aria-label": tr("actionFormatWithSubscriptLabel"),
+                  children: [
+                    /* @__PURE__ */ jsx14(
+                      "i",
+                      {
+                        className: `c-rte-icon-subscript c-rte-toolbar__dd-item__icon ${isSubscript ? "selected" : ""}`
+                      }
+                    ),
+                    /* @__PURE__ */ jsx14("span", { className: `c-rte-toolbar__dd-item__text ${isSubscript ? "selected" : ""}`, children: tr("actionFormatWithSubscriptTitle") })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs9(
+                DropdownMenu.Item,
+                {
                   disabled: !isEditable,
-                  onClick: () => {
-                    activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND2, "underline");
-                  },
-                  type: "button",
-                  title: tr(IS_APPLE ? "actionFormatAsUnderlinedTitleApple" : "actionFormatAsUnderlinedTitle"),
-                  "aria-label": tr("actionFormatAsUnderlinedLabel"),
-                  "data-testid": "toggle-format-underlined",
-                  children: /* @__PURE__ */ jsx14("i", {
-                    className: `c-rte-toolbar__icon-btn__icon c-rte-icon-underline`
-                  })
-                }),
-                /* @__PURE__ */ jsx14(IconButton, {
-                  className: `c-rte-toolbar__icon-btn ${isCode ? "selected" : ""}`,
+                  onClick: () => activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND2, "superscript"),
+                  title: tr("actionFormatWithSuperscriptTitle"),
+                  "aria-label": tr("actionFormatWithSuperscriptLabel"),
+                  children: [
+                    /* @__PURE__ */ jsx14(
+                      "i",
+                      {
+                        className: `c-rte-icon-superscript c-rte-toolbar__dd-item__icon ${isSuperscript ? "selected" : ""}`
+                      }
+                    ),
+                    /* @__PURE__ */ jsx14("span", { className: `c-rte-toolbar__dd-item__text ${isSuperscript ? "selected" : ""}`, children: tr("actionFormatWithSuperscriptTitle") })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs9(
+                DropdownMenu.Item,
+                {
                   disabled: !isEditable,
+                  onClick: clearFormatting,
+                  className: "item",
+                  title: tr("actionClearTextFormatting"),
+                  "aria-label": tr("actionClearTextFormatting"),
+                  children: [
+                    /* @__PURE__ */ jsx14("i", { className: "c-rte-icon-clear c-rte-toolbar__dd-item__icon" }),
+                    /* @__PURE__ */ jsx14("span", { className: "c-rte-toolbar__dd-item__text--clear", children: tr("actionFormatClear") })
+                  ]
+                }
+              )
+            ] }),
+            children: /* @__PURE__ */ jsxs9(
+              Button,
+              {
+                style: { backgroundColor: "transparent", padding: "0 8px" },
+                "aria-label": tr("actionTextFormattingOptions"),
+                children: [
+                  /* @__PURE__ */ jsx14("i", { className: `c-rte-icon-dropdown-more c-rte-toolbar__toggle-icon` }),
+                  /* @__PURE__ */ jsx14(Icon.Arrow, {})
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx14(Divider, {}),
+        /* @__PURE__ */ jsx14(
+          DropdownMenu.Root,
+          {
+            style: { zIndex: 1 },
+            disabled: !isEditable,
+            content: /* @__PURE__ */ jsxs9(Fragment5, { children: [
+              /* @__PURE__ */ jsxs9(
+                DropdownMenu.Item,
+                {
                   onClick: () => {
-                    activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND2, "code");
+                    activeEditor.dispatchCommand(INSERT_HORIZONTAL_RULE_COMMAND, void 0);
                   },
-                  type: "button",
-                  title: tr("actionInsertCodeBlock"),
-                  "aria-label": tr("actionInsertCodeBlock"),
-                  "data-testid": "toggle-format-code",
-                  children: /* @__PURE__ */ jsx14("i", {
-                    className: `c-rte-toolbar__icon-btn__icon c-rte-icon-code`
-                  })
-                }),
-                /* @__PURE__ */ jsx14(IconButton, {
-                  className: `c-rte-toolbar__icon-btn ${isLink ? "selected" : ""}`,
-                  disabled: !isEditable,
-                  onClick: insertLink,
-                  type: "button",
-                  "aria-label": tr("actionInsertlink"),
-                  title: tr("actionInsertlink"),
-                  children: /* @__PURE__ */ jsx14("i", {
-                    className: `c-rte-toolbar__icon-btn__icon c-rte-icon-link`
-                  })
-                }),
-                /* @__PURE__ */ jsx14(DropdownMenu.Root, {
-                  disabled: !isEditable,
-                  style: { zIndex: 1 },
-                  content: /* @__PURE__ */ jsxs9(Fragment5, {
-                    children: [
-                      /* @__PURE__ */ jsxs9(DropdownMenu.Item, {
-                        disabled: !isEditable,
-                        onClick: () => activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND2, "strikethrough"),
-                        title: tr("actionFormatWithStrikethroughTitle"),
-                        "aria-label": tr("actionFormatWithStrikethroughLabel"),
-                        children: [
-                          /* @__PURE__ */ jsx14("i", {
-                            className: `c-rte-icon-strikethrough c-rte-toolbar__dd-item__icon ${isStrikethrough ? "selected" : ""}`
-                          }),
-                          /* @__PURE__ */ jsx14("span", {
-                            className: `c-rte-toolbar__dd-item__text ${isStrikethrough ? "selected" : ""}`,
-                            children: tr("actionFormatWithStrikethroughTitle")
-                          })
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs9(DropdownMenu.Item, {
-                        disabled: !isEditable,
-                        onClick: () => activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND2, "subscript"),
-                        title: tr("actionFormatWithSubscriptTitle"),
-                        "aria-label": tr("actionFormatWithSubscriptLabel"),
-                        children: [
-                          /* @__PURE__ */ jsx14("i", {
-                            className: `c-rte-icon-subscript c-rte-toolbar__dd-item__icon ${isSubscript ? "selected" : ""}`
-                          }),
-                          /* @__PURE__ */ jsx14("span", {
-                            className: `c-rte-toolbar__dd-item__text ${isSubscript ? "selected" : ""}`,
-                            children: tr("actionFormatWithSubscriptTitle")
-                          })
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs9(DropdownMenu.Item, {
-                        disabled: !isEditable,
-                        onClick: () => activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND2, "superscript"),
-                        title: tr("actionFormatWithSuperscriptTitle"),
-                        "aria-label": tr("actionFormatWithSuperscriptLabel"),
-                        children: [
-                          /* @__PURE__ */ jsx14("i", {
-                            className: `c-rte-icon-superscript c-rte-toolbar__dd-item__icon ${isSuperscript ? "selected" : ""}`
-                          }),
-                          /* @__PURE__ */ jsx14("span", {
-                            className: `c-rte-toolbar__dd-item__text ${isSuperscript ? "selected" : ""}`,
-                            children: tr("actionFormatWithSuperscriptTitle")
-                          })
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs9(DropdownMenu.Item, {
-                        disabled: !isEditable,
-                        onClick: clearFormatting,
-                        className: "item",
-                        title: tr("actionClearTextFormatting"),
-                        "aria-label": tr("actionClearTextFormatting"),
-                        children: [
-                          /* @__PURE__ */ jsx14("i", {
-                            className: "c-rte-icon-clear c-rte-toolbar__dd-item__icon"
-                          }),
-                          /* @__PURE__ */ jsx14("span", {
-                            className: "c-rte-toolbar__dd-item__text--clear",
-                            children: tr("actionFormatClear")
-                          })
-                        ]
-                      })
-                    ]
-                  }),
-                  children: /* @__PURE__ */ jsxs9(Button, {
-                    style: { backgroundColor: "transparent", padding: "0 8px" },
-                    "aria-label": tr("actionTextFormattingOptions"),
-                    children: [
-                      /* @__PURE__ */ jsx14("i", {
-                        className: `c-rte-icon-dropdown-more c-rte-toolbar__toggle-icon`
-                      }),
-                      /* @__PURE__ */ jsx14(Icon.Arrow, {})
-                    ]
-                  })
-                }),
-                /* @__PURE__ */ jsx14(Divider, {}),
-                /* @__PURE__ */ jsx14(DropdownMenu.Root, {
-                  style: { zIndex: 1 },
-                  disabled: !isEditable,
-                  content: /* @__PURE__ */ jsxs9(Fragment5, {
-                    children: [
-                      /* @__PURE__ */ jsxs9(DropdownMenu.Item, {
-                        onClick: () => {
-                          activeEditor.dispatchCommand(INSERT_HORIZONTAL_RULE_COMMAND, void 0);
-                        },
-                        children: [
-                          /* @__PURE__ */ jsx14("i", {
-                            className: "c-rte-toolbar__dd-item__icon c-rte-icon-horizontal-rule"
-                          }),
-                          /* @__PURE__ */ jsx14("span", {
-                            className: "c-rte-toolbar__dd-item__text",
-                            children: tr("horizontalRule")
-                          })
-                        ]
-                      }),
-                      /* @__PURE__ */ jsx14(DropdownMenu.Item, {
-                        children: /* @__PURE__ */ jsx14(Dialog.Trigger, {
-                          asChild: true,
-                          children: /* @__PURE__ */ jsxs9("div", {
-                            className: "c-rte-toolbar__dd-item--table",
-                            children: [
-                              /* @__PURE__ */ jsx14("i", {
-                                className: "c-rte-toolbar__dd-item__icon c-rte-icon-table"
-                              }),
-                              /* @__PURE__ */ jsx14("span", {
-                                className: "c-rte-toolbar__dd-item__text",
-                                children: tr("table")
-                              })
-                            ]
-                          })
-                        })
-                      })
-                    ]
-                  }),
-                  children: /* @__PURE__ */ jsx14(IconButton, {
-                    children: /* @__PURE__ */ jsx14("i", {
-                      className: "c-rte-icon-plus c-rte-toolbar__plus"
-                    })
-                  })
-                }),
-                /* @__PURE__ */ jsxs9(Dialog.Content, {
                   children: [
-                    /* @__PURE__ */ jsx14(Dialog.Title, {
-                      children: tr("insertTableTitle")
-                    }),
-                    /* @__PURE__ */ jsx14(Dialog.Description, {
-                      children: tr("insertTableDescription")
-                    }),
-                    /* @__PURE__ */ jsx14(InsertTableDialog, {
-                      activeEditor
-                    })
+                    /* @__PURE__ */ jsx14("i", { className: "c-rte-toolbar__dd-item__icon c-rte-icon-horizontal-rule" }),
+                    /* @__PURE__ */ jsx14("span", { className: "c-rte-toolbar__dd-item__text", children: tr("horizontalRule") })
                   ]
-                })
-              ]
-            })
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx14(ActionsPlugin, {
-        disabled,
-        prepend: actionsMenuPrepend,
-        append: actionsMenuAppend
-      })
-    ]
-  });
+                }
+              ),
+              /* @__PURE__ */ jsx14(DropdownMenu.Item, { children: /* @__PURE__ */ jsx14(Dialog.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs9("div", { className: "c-rte-toolbar__dd-item--table", children: [
+                /* @__PURE__ */ jsx14("i", { className: "c-rte-toolbar__dd-item__icon c-rte-icon-table" }),
+                /* @__PURE__ */ jsx14("span", { className: "c-rte-toolbar__dd-item__text", children: tr("table") })
+              ] }) }) })
+            ] }),
+            children: /* @__PURE__ */ jsx14(IconButton, { children: /* @__PURE__ */ jsx14("i", { className: "c-rte-icon-plus c-rte-toolbar__plus" }) })
+          }
+        ),
+        /* @__PURE__ */ jsxs9(Dialog.Content, { children: [
+          /* @__PURE__ */ jsx14(Dialog.Title, { children: tr("insertTableTitle") }),
+          /* @__PURE__ */ jsx14(Dialog.Description, { children: tr("insertTableDescription") }),
+          /* @__PURE__ */ jsx14(InsertTableDialog, { activeEditor })
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx14(ActionsPlugin, { disabled, prepend: actionsMenuPrepend, append: actionsMenuAppend })
+  ] });
 }
 
 // src/rich-text-editor/themes/CrystallizeRTEditorTheme.ts
@@ -3124,30 +2958,22 @@ function RichTextEditor({
   labelTranslations,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx15(LexicalComposer, {
-    initialConfig: {
-      editable: !rest.disabled,
-      namespace: "crystallize-rich-text-editor",
-      nodes: [...BaseNodes],
-      theme: CrystallizeRTEditorTheme_default,
-      editorState: initialData ? composeInitialState({ richText: initialData }) : void 0,
-      onError: (error) => {
-        throw error;
-      }
-    },
-    children: /* @__PURE__ */ jsx15(I18nProvider, {
-      language,
-      labelTranslations,
-      children: /* @__PURE__ */ jsx15(SharedHistoryContext, {
-        children: /* @__PURE__ */ jsx15("div", {
-          className: "c-rich-text-editor",
-          children: /* @__PURE__ */ jsx15(RichTextEditorWithoutContext, {
-            ...rest
-          })
-        })
-      })
-    })
-  });
+  return /* @__PURE__ */ jsx15(
+    LexicalComposer,
+    {
+      initialConfig: {
+        editable: !rest.disabled,
+        namespace: "crystallize-rich-text-editor",
+        nodes: [...BaseNodes],
+        theme: CrystallizeRTEditorTheme_default,
+        editorState: initialData ? composeInitialState({ richText: initialData }) : void 0,
+        onError: (error) => {
+          throw error;
+        }
+      },
+      children: /* @__PURE__ */ jsx15(I18nProvider, { language, labelTranslations, children: /* @__PURE__ */ jsx15(SharedHistoryContext, { children: /* @__PURE__ */ jsx15("div", { className: "c-rich-text-editor", children: /* @__PURE__ */ jsx15(RichTextEditorWithoutContext, { ...rest }) }) }) })
+    }
+  );
 }
 function RichTextEditorWithoutContext({
   placeholder: placeholderText,
@@ -3163,10 +2989,7 @@ function RichTextEditorWithoutContext({
 }) {
   const editable = !disabled;
   const { historyState } = useSharedHistoryContext();
-  const placeholder = /* @__PURE__ */ jsx15("div", {
-    className: "c-rte-placeholder",
-    children: placeholderText ?? ""
-  });
+  const placeholder = /* @__PURE__ */ jsx15("div", { className: "c-rte-placeholder", children: placeholderText ?? "" });
   const [editor] = useLexicalComposerContext12();
   const [floatingAnchorElem, setFloatingAnchorElem] = useState10(null);
   const firstOnChangeTriggeredRef = useRef5(!autoFocus);
@@ -3186,76 +3009,47 @@ function RichTextEditorWithoutContext({
     }
     firstOnChangeTriggeredRef.current = true;
   }
-  return /* @__PURE__ */ jsxs10(Fragment6, {
-    children: [
-      /* @__PURE__ */ jsx15(OnChangePlugin, {
-        onChange: onLocalChange,
-        ignoreSelectionChange: true
-      }),
-      /* @__PURE__ */ jsx15(ToolbarPlugin, {
+  return /* @__PURE__ */ jsxs10(Fragment6, { children: [
+    /* @__PURE__ */ jsx15(OnChangePlugin, { onChange: onLocalChange, ignoreSelectionChange: true }),
+    /* @__PURE__ */ jsx15(
+      ToolbarPlugin,
+      {
         disabled,
         actionsMenuPrepend,
         actionsMenuAppend
-      }),
-      slotPreContent,
-      /* @__PURE__ */ jsxs10("div", {
-        className: `c-rte-editor-container ${disabled ? "disabled" : ""}`,
-        "data-testid": "rich-text-editor",
-        children: [
-          maxLength != null ? /* @__PURE__ */ jsx15(MaxLengthPlugin, {
-            maxLength
-          }) : null,
-          !autoFocus ? null : /* @__PURE__ */ jsx15(AutoFocusPlugin, {}),
-          /* @__PURE__ */ jsx15(ClearEditorPlugin, {}),
-          /* @__PURE__ */ jsx15(LexicalAutoLinkPlugin, {}),
-          /* @__PURE__ */ jsx15(HistoryPlugin, {
-            externalHistoryState: historyState
-          }),
-          /* @__PURE__ */ jsx15(RichTextPlugin, {
-            contentEditable: /* @__PURE__ */ jsx15("div", {
-              className: "c-rte-editor-scroller",
-              children: /* @__PURE__ */ jsx15("div", {
-                className: "c-rte-editor",
-                ref: onRef,
-                children: /* @__PURE__ */ jsx15(ContentEditable, {
-                  className: "c-rte-contenteditable-root",
-                  id
-                })
-              })
-            }),
-            placeholder,
-            ErrorBoundary: LexicalErrorBoundary
-          }),
-          /* @__PURE__ */ jsx15(CodeHighlightPlugin, {}),
-          /* @__PURE__ */ jsx15(ListPlugin, {}),
-          /* @__PURE__ */ jsx15(ListMaxIndentLevelPlugin, {
-            maxDepth: 7
-          }),
-          /* @__PURE__ */ jsx15(TablePlugin, {}),
-          /* @__PURE__ */ jsx15(LinkPlugin, {}),
-          /* @__PURE__ */ jsx15(HorizontalRulePlugin, {}),
-          /* @__PURE__ */ jsx15(TabFocusPlugin, {}),
-          /* @__PURE__ */ jsx15(TabIndentationPlugin, {}),
-          floatingAnchorElem && /* @__PURE__ */ jsxs10(Fragment6, {
-            children: [
-              /* @__PURE__ */ jsx15(CodeActionMenuPlugin, {
-                anchorElem: floatingAnchorElem
-              }),
-              /* @__PURE__ */ jsx15(FloatingLinkEditorPlugin, {
-                anchorElem: floatingAnchorElem
-              }),
-              /* @__PURE__ */ jsx15(TableActionMenuPlugin, {
-                anchorElem: floatingAnchorElem
-              }),
-              /* @__PURE__ */ jsx15(FloatingTextFormatToolbarPlugin, {
-                anchorElem: floatingAnchorElem
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
+      }
+    ),
+    slotPreContent,
+    /* @__PURE__ */ jsxs10("div", { className: `c-rte-editor-container ${disabled ? "disabled" : ""}`, "data-testid": "rich-text-editor", children: [
+      maxLength != null ? /* @__PURE__ */ jsx15(MaxLengthPlugin, { maxLength }) : null,
+      !autoFocus ? null : /* @__PURE__ */ jsx15(AutoFocusPlugin, {}),
+      /* @__PURE__ */ jsx15(ClearEditorPlugin, {}),
+      /* @__PURE__ */ jsx15(LexicalAutoLinkPlugin, {}),
+      /* @__PURE__ */ jsx15(HistoryPlugin, { externalHistoryState: historyState }),
+      /* @__PURE__ */ jsx15(
+        RichTextPlugin,
+        {
+          contentEditable: /* @__PURE__ */ jsx15("div", { className: "c-rte-editor-scroller", children: /* @__PURE__ */ jsx15("div", { className: "c-rte-editor", ref: onRef, children: /* @__PURE__ */ jsx15(ContentEditable, { className: "c-rte-contenteditable-root", id }) }) }),
+          placeholder,
+          ErrorBoundary: LexicalErrorBoundary
+        }
+      ),
+      /* @__PURE__ */ jsx15(CodeHighlightPlugin, {}),
+      /* @__PURE__ */ jsx15(ListPlugin, {}),
+      /* @__PURE__ */ jsx15(ListMaxIndentLevelPlugin, { maxDepth: 7 }),
+      /* @__PURE__ */ jsx15(TablePlugin, {}),
+      /* @__PURE__ */ jsx15(LinkPlugin, {}),
+      /* @__PURE__ */ jsx15(HorizontalRulePlugin, {}),
+      /* @__PURE__ */ jsx15(TabFocusPlugin, {}),
+      /* @__PURE__ */ jsx15(TabIndentationPlugin, {}),
+      floatingAnchorElem && /* @__PURE__ */ jsxs10(Fragment6, { children: [
+        /* @__PURE__ */ jsx15(CodeActionMenuPlugin, { anchorElem: floatingAnchorElem }),
+        /* @__PURE__ */ jsx15(FloatingLinkEditorPlugin, { anchorElem: floatingAnchorElem }),
+        /* @__PURE__ */ jsx15(TableActionMenuPlugin, { anchorElem: floatingAnchorElem }),
+        /* @__PURE__ */ jsx15(FloatingTextFormatToolbarPlugin, { anchorElem: floatingAnchorElem })
+      ] })
+    ] })
+  ] });
 }
 var rich_text_editor_default = RichTextEditor;
 export {