@crystallize/design-system 1.16.5 → 1.16.6

package/dist/index.js

@@ -34213,8 +34213,47 @@ var Label2 = (0, import_react92.forwardRef)(({ className, ...delegated }, ref) =
 });
 Label2.displayName = "Label";
 
-// src/input-with-label/input-with-label.tsx
+// src/tooltip/tooltip.tsx
+var RadixTooltip = __toESM(require("@radix-ui/react-tooltip"));
 var import_jsx_runtime104 = require("react/jsx-runtime");
+function Tooltip({
+  children,
+  content,
+  side = "top",
+  align = "center",
+  defaultOpen = false,
+  delayDuration = 800
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(RadixTooltip.Provider, {
+    delayDuration,
+    children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(RadixTooltip.Root, {
+      defaultOpen,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(RadixTooltip.Trigger, {
+          asChild: true,
+          children
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(RadixTooltip.Portal, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(RadixTooltip.Content, {
+            align,
+            className: "c-tooltip-content data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade",
+            sideOffset: 5,
+            side,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(RadixTooltip.Arrow, {
+                className: "c-tooltip-arrow"
+              }),
+              content
+            ]
+          })
+        })
+      ]
+    })
+  });
+}
+
+// src/input-with-label/input-with-label.tsx
+var import_jsx_runtime105 = require("react/jsx-runtime");
 var inputWithLabelStyles = (0, import_class_variance_authority14.cva)(["c-input-with-label"], {
   variants: {
     variant: {
@@ -34231,26 +34270,28 @@ var inputWithLabelStyles = (0, import_class_variance_authority14.cva)(["c-input-
 var InputWithLabel = (0, import_react93.forwardRef)(
   ({ className, label, append, errorMessage, status, variant, id, labelProps, ...delegated }, ref) => {
     const { className: labelClassName, ...labelPropsRest } = labelProps ?? {};
-    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_jsx_runtime104.Fragment, {
-      children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Label2, {
+    return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_jsx_runtime105.Fragment, {
+      children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(Label2, {
         className: inputWithLabelStyles({ status, variant, className: labelClassName }),
         htmlFor: id,
         ...labelPropsRest,
         children: [
           label,
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("span", {
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("span", {
             className: "c-input-with-label-input-wrap",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Input, {
+              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Input, {
                 className: (0, import_class_variance_authority14.cx)("c-input-with-label-input", className),
                 ref,
                 id,
                 ...delegated
               }),
-              !append && !errorMessage ? null : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", {
-                className: "c-input-with-label-append",
-                title: errorMessage,
-                children: errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Triangle, {}) : append
+              !append && !errorMessage ? null : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Tooltip, {
+                content: errorMessage,
+                children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", {
+                  className: "c-input-with-label-append",
+                  children: errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Triangle, {}) : append
+                })
               })
             ]
           })
@@ -34264,12 +34305,12 @@ InputWithLabel.displayName = "InputWithLabel";
 // src/progress/progress.tsx
 var import_class_variance_authority15 = require("class-variance-authority");
 var ProgressPrimitives = __toESM(require("@radix-ui/react-progress"));
-var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_jsx_runtime106 = require("react/jsx-runtime");
 function Progress({ className, value }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ProgressPrimitives.Root, {
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ProgressPrimitives.Root, {
     className: (0, import_class_variance_authority15.cx)(className, "c-progress-root"),
     value,
-    children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ProgressPrimitives.Indicator, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ProgressPrimitives.Indicator, {
       className: "c-progress-indicator",
       style: { transform: `translateX(-${100 - (value ?? 0)}%)` }
     })
@@ -34278,12 +34319,12 @@ function Progress({ className, value }) {
 
 // src/radio/radio.tsx
 var RadioGroupPrimitive2 = __toESM(require("@radix-ui/react-radio-group"));
-var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 function RadioGroupItem(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(RadioGroupPrimitive2.Item, {
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(RadioGroupPrimitive2.Item, {
     ...props,
     className: "c-radio-item",
-    children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(RadioGroupPrimitive2.Indicator, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(RadioGroupPrimitive2.Indicator, {
       className: "c-radio-indicator"
     })
   });
@@ -34296,18 +34337,18 @@ var Radio = {
 // src/select/select-item.tsx
 var import_react94 = require("react");
 var SelectPrimitives = __toESM(require("@radix-ui/react-select"));
-var import_jsx_runtime107 = require("react/jsx-runtime");
+var import_jsx_runtime108 = require("react/jsx-runtime");
 var SelectItem = (0, import_react94.forwardRef)((props, ref) => {
   const { children, ...delegated } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(SelectPrimitives.Item, {
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(SelectPrimitives.Item, {
     className: "c-select-item",
     ref,
     ...delegated,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(SelectPrimitives.ItemText, {
+      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(SelectPrimitives.ItemText, {
         children
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(SelectPrimitives.ItemIndicator, {})
+      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(SelectPrimitives.ItemIndicator, {})
     ]
   });
 });
@@ -34317,7 +34358,7 @@ SelectItem.displayName = "SelectItem";
 var import_react95 = require("react");
 var import_class_variance_authority16 = require("class-variance-authority");
 var SelectPrimitives2 = __toESM(require("@radix-ui/react-select"));
-var import_jsx_runtime108 = require("react/jsx-runtime");
+var import_jsx_runtime109 = require("react/jsx-runtime");
 var selectTriggerStyles = (0, import_class_variance_authority16.cva)("c-select-trigger", {
   variants: {
     size: {
@@ -34333,34 +34374,34 @@ var selectTriggerStyles = (0, import_class_variance_authority16.cva)("c-select-t
 });
 var SelectContainer = (0, import_react95.forwardRef)(
   ({ children, id, placeholder, disabled, size, ...delegated }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(SelectPrimitives2.Root, {
+    return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(SelectPrimitives2.Root, {
       ...delegated,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(SelectPrimitives2.Trigger, {
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(SelectPrimitives2.Trigger, {
           ref,
           className: selectTriggerStyles({ size }),
           disabled,
           id,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(SelectPrimitives2.Value, {
-              placeholder: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", {
+            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(SelectPrimitives2.Value, {
+              placeholder: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", {
                 className: "c-select-value",
                 children: placeholder ?? "Select..."
               })
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Icon.Arrow, {})
+            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Icon.Arrow, {})
           ]
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(SelectPrimitives2.Portal, {
-          children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(SelectPrimitives2.Content, {
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(SelectPrimitives2.Portal, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(SelectPrimitives2.Content, {
             className: "c-select-content",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(SelectPrimitives2.ScrollUpButton, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(SelectPrimitives2.Viewport, {
+              /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(SelectPrimitives2.ScrollUpButton, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(SelectPrimitives2.Viewport, {
                 className: "c-select-viewport",
                 children
               }),
-              /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(SelectPrimitives2.ScrollDownButton, {})
+              /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(SelectPrimitives2.ScrollDownButton, {})
             ]
           })
         })
@@ -34380,20 +34421,20 @@ var Select = {
 var import_react96 = require("react");
 var import_class_variance_authority17 = require("class-variance-authority");
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
-var import_jsx_runtime109 = require("react/jsx-runtime");
+var import_jsx_runtime110 = require("react/jsx-runtime");
 var Slider = (0, import_react96.forwardRef)(({ className, transparentRange, ...delegated }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(SliderPrimitive.Root, {
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(SliderPrimitive.Root, {
     className: (0, import_class_variance_authority17.cx)("c-slider-root", className),
     ref,
     ...delegated,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(SliderPrimitive.Track, {
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(SliderPrimitive.Track, {
         className: "c-slider-track",
-        children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(SliderPrimitive.Range, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(SliderPrimitive.Range, {
           className: `c-slider-range ${transparentRange ? "c-slider-range-transparent" : ""}`
         })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(SliderPrimitive.Thumb, {
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(SliderPrimitive.Thumb, {
         className: "c-slider-thumb"
       })
     ]
@@ -34402,7 +34443,7 @@ var Slider = (0, import_react96.forwardRef)(({ className, transparentRange, ...d
 
 // src/tag/tag.tsx
 var import_class_variance_authority18 = require("class-variance-authority");
-var import_jsx_runtime110 = require("react/jsx-runtime");
+var import_jsx_runtime111 = require("react/jsx-runtime");
 var tagStyles = (0, import_class_variance_authority18.cva)("c-tag", {
   variants: {
     variant: {
@@ -34422,16 +34463,16 @@ var tagStyles = (0, import_class_variance_authority18.cva)("c-tag", {
   }
 });
 function Tag({ children, className, variant, size, prepend, onRemove, ...delegated }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", {
     className: tagStyles({ className, variant, size }),
     ...delegated,
     children: [
-      !prepend ? null : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", {
+      !prepend ? null : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", {
         className: "c-tag__prepend",
         children: prepend
       }),
       children,
-      onRemove && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("button", {
+      onRemove && /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("button", {
         type: "button",
         className: "c-tag__remove-button",
         onClick: (e) => {
@@ -34439,11 +34480,11 @@ function Tag({ children, className, variant, size, prepend, onRemove, ...delegat
           onRemove();
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Icon.Cancel, {
+          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Icon.Cancel, {
             width: 12,
             height: 12
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", {
+          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", {
             className: "sr-only",
             children: "Remove"
           })
@@ -34472,11 +34513,11 @@ var import_LexicalContentEditable = require("@lexical/react/LexicalContentEditab
 // src/rich-text-editor/context/SharedHistoryContext.tsx
 var import_react97 = require("react");
 var import_LexicalHistoryPlugin = require("@lexical/react/LexicalHistoryPlugin");
-var import_jsx_runtime111 = require("react/jsx-runtime");
+var import_jsx_runtime112 = require("react/jsx-runtime");
 var Context = (0, import_react97.createContext)({});
 var SharedHistoryContext = ({ children }) => {
   const historyContext = (0, import_react97.useMemo)(() => ({ historyState: (0, import_LexicalHistoryPlugin.createEmptyHistoryState)() }), []);
-  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Context.Provider, {
+  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Context.Provider, {
     value: historyContext,
     children
   });
@@ -34553,14 +34594,14 @@ var translations = {
 var en_default = translations;
 
 // src/rich-text-editor/i18n/index.tsx
-var import_jsx_runtime112 = require("react/jsx-runtime");
+var import_jsx_runtime113 = require("react/jsx-runtime");
 var I18nContext = (0, import_react98.createContext)(null);
 function I18nProvider({
   labelTranslations,
   children
 }) {
   const translations2 = labelTranslations || en_default;
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(I18nContext.Provider, {
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(I18nContext.Provider, {
     value: translations2,
     children
   });
@@ -35004,7 +35045,7 @@ var BaseNodes = [
 // src/rich-text-editor/plugins/AutoLinkPlugin/index.tsx
 var React = require("react");
 var import_LexicalAutoLinkPlugin = require("@lexical/react/LexicalAutoLinkPlugin");
-var import_jsx_runtime113 = require("react/jsx-runtime");
+var import_jsx_runtime114 = require("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()@:%_+.~#?&//=]*)/;
 var EMAIL_MATCHER = /(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/;
 var MATCHERS = [
@@ -35032,7 +35073,7 @@ var MATCHERS = [
   }
 ];
 function LexicalAutoLinkPlugin() {
-  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_LexicalAutoLinkPlugin.AutoLinkPlugin, {
+  return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_LexicalAutoLinkPlugin.AutoLinkPlugin, {
     matchers: MATCHERS
   });
 }
@@ -35051,7 +35092,7 @@ var import_react99 = require("react");
 var import_lexical4 = require("lexical");
 var import_use_debounce = require("use-debounce");
 var import_code4 = require("@lexical/code");
-var import_jsx_runtime114 = require("react/jsx-runtime");
+var import_jsx_runtime115 = require("react/jsx-runtime");
 function CopyButton({ editor, getCodeDOMNode }) {
   const [isCopyCompleted, setCopyCompleted] = (0, import_react99.useState)(false);
   const tr = useTr();
@@ -35080,13 +35121,13 @@ function CopyButton({ editor, getCodeDOMNode }) {
       console.error("Failed to copy: ", err);
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("button", {
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("button", {
     className: "c-rte-code-button",
     onClick: handleClick,
     "aria-label": tr("actionCopyCode"),
-    children: isCopyCompleted ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("i", {
+    children: isCopyCompleted ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("i", {
       className: "c-rte-code-button__icon c-rte-icon-success"
-    }) : /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("i", {
+    }) : /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("i", {
       className: "c-rte-code-button__icon c-rte-icon-copy"
     })
   });
@@ -35097,7 +35138,7 @@ var React3 = require("react");
 var import_react100 = require("react");
 var import_lexical5 = require("lexical");
 var import_code5 = require("@lexical/code");
-var import_jsx_runtime115 = require("react/jsx-runtime");
+var import_jsx_runtime116 = require("react/jsx-runtime");
 var PRETTIER_PARSER_MODULES = {
   css: () => Promise.resolve().then(() => __toESM(require_parser_postcss())),
   html: () => Promise.resolve().then(() => __toESM(require_parser_html())),
@@ -35183,22 +35224,22 @@ function PrettierButton({ lang, editor, getCodeDOMNode }) {
       setTipsVisible(false);
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", {
     className: "c-rte-prettier-wrapper",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("button", {
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("button", {
         className: "c-rte-code-button",
         onClick: handleClick,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         "aria-label": tr("actionFormatCode"),
-        children: syntaxError ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("i", {
+        children: syntaxError ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("i", {
           className: "c-rte-code-button__icon c-rte-icon-prettier-error"
-        }) : /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("i", {
+        }) : /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("i", {
           className: "c-rte-code-button__icon c-rte-icon-prettier"
         })
       }),
-      tipsVisible ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("pre", {
+      tipsVisible ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("pre", {
         className: "c-rte-code-error-tips",
         children: syntaxError
       }) : null
@@ -35207,7 +35248,7 @@ function PrettierButton({ lang, editor, getCodeDOMNode }) {
 }
 
 // src/rich-text-editor/plugins/CodeActionMenuPlugin/index.tsx
-var import_jsx_runtime116 = require("react/jsx-runtime");
+var import_jsx_runtime117 = require("react/jsx-runtime");
 var CODE_PADDING = 0;
 function CodeActionMenuContainer({ anchorElem }) {
   const [editor] = (0, import_LexicalComposerContext.useLexicalComposerContext)();
@@ -35284,20 +35325,20 @@ function CodeActionMenuContainer({ anchorElem }) {
   });
   const normalizedLang = (0, import_code6.normalizeCodeLang)(lang);
   const codeFriendlyName = (0, import_code6.getLanguageFriendlyName)(lang);
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_jsx_runtime116.Fragment, {
-    children: isShown ? /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_jsx_runtime117.Fragment, {
+    children: isShown ? /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", {
       className: "c-rte-code-action-menu-container",
       style: { ...position },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", {
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", {
           className: "c-rte-code-highlight-language",
           children: codeFriendlyName
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(CopyButton, {
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(CopyButton, {
           editor,
           getCodeDOMNode
         }),
-        canBePrettier(normalizedLang) ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(PrettierButton, {
+        canBePrettier(normalizedLang) ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(PrettierButton, {
           editor,
           getCodeDOMNode,
           lang: normalizedLang
@@ -35319,7 +35360,7 @@ function getMouseInfo(event) {
 function CodeActionMenuPlugin({
   anchorElem = document.body
 }) {
-  return (0, import_react_dom2.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(CodeActionMenuContainer, {
+  return (0, import_react_dom2.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime117.jsx)(CodeActionMenuContainer, {
     anchorElem
   }), anchorElem);
 }
@@ -35338,7 +35379,7 @@ function CodeHighlightPlugin() {
 
 // src/rich-text-editor/plugins/DimensionsDetectorPlugin/index.tsx
 var import_react103 = require("react");
-var import_jsx_runtime117 = require("react/jsx-runtime");
+var import_jsx_runtime118 = require("react/jsx-runtime");
 function DimensionDetectorPlugin({ onChange }) {
   const [dimensions, setDimensions] = (0, import_react103.useState)();
   const ref = (0, import_react103.useRef)(null);
@@ -35367,7 +35408,7 @@ function DimensionDetectorPlugin({ onChange }) {
       onChange(dimensions);
     }
   }, [dimensions, onChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", {
     ref,
     style: { height: 1, marginTop: -1 }
   });
@@ -35386,7 +35427,7 @@ var import_utils = require("@lexical/utils");
 var import_react104 = require("react");
 var import_lexical7 = require("lexical");
 var import_LexicalComposerContext3 = require("@lexical/react/LexicalComposerContext");
-var import_jsx_runtime118 = require("react/jsx-runtime");
+var import_jsx_runtime119 = require("react/jsx-runtime");
 var PREVIEW_CACHE = {};
 var URL_MATCHER2 = /((https?:\/\/(www\.)?)|(www\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
 function useSuspenseRequest(url) {
@@ -35443,26 +35484,26 @@ function LinkPreviewContent({
   if (!hasPreview) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", {
     className: "c-rte-link-preview",
     children: [
-      preview.google.image && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", {
+      preview.google.image && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", {
         className: "c-rte-link-preview-image-wrapper",
-        children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("img", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("img", {
           src: preview.google.image,
           alt: preview.google.title,
           className: "c-rte-link-preview-image"
         })
       }),
-      preview.google.title && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", {
+      preview.google.title && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", {
         className: "c-rte-link-preview-title",
         children: preview.google.title
       }),
-      preview.google.description && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", {
+      preview.google.description && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", {
         className: "c-rte-link-preview-description",
         children: preview.google.description
       }),
-      textContent && textContent !== preview.google.title ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Button, {
+      textContent && textContent !== preview.google.title ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Button, {
         className: "c-rte-link-preview__replace-text-btn",
         onClick: useTitleForText,
         children: tr("linkPreviewReplaceTextWithTitle")
@@ -35471,7 +35512,7 @@ function LinkPreviewContent({
   });
 }
 function Glimmer(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", {
     className: "c-rte-link-preview-glimmer",
     ...props,
     style: {
@@ -35483,24 +35524,24 @@ function Glimmer(props) {
 function LinkPreview({
   url
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_react104.Suspense, {
-    fallback: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(import_jsx_runtime118.Fragment, {
+  return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_react104.Suspense, {
+    fallback: /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(import_jsx_runtime119.Fragment, {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Glimmer, {
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Glimmer, {
           style: { height: "80px" },
           index: 0
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Glimmer, {
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Glimmer, {
           style: { width: "60%" },
           index: 1
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Glimmer, {
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Glimmer, {
           style: { width: "80%" },
           index: 2
         })
       ]
     }),
-    children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(LinkPreviewContent, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(LinkPreviewContent, {
       url
     })
   });
@@ -35568,7 +35609,7 @@ function validateUrl(url) {
 }
 
 // src/rich-text-editor/plugins/FloatingLinkEditorPlugin/index.tsx
-var import_jsx_runtime119 = require("react/jsx-runtime");
+var import_jsx_runtime120 = require("react/jsx-runtime");
 function FloatingLinkEditor({
   editor,
   isLink,
@@ -35689,41 +35730,41 @@ function FloatingLinkEditor({
       inputRef.current.focus();
     }
   }, [isEditMode]);
-  return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", {
     ref: editorRef,
     className: "c-rte-link-editor",
-    children: isEditMode ? /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", {
+    children: isEditMode ? /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", {
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", {
           className: "c-rte-link-editor-input-group",
-          children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(InputWithLabel, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(InputWithLabel, {
             label: tr("linkEditorLink"),
             type: "text",
             value: linkUrl,
             onChange: (e) => setLinkUrl(e.target.value)
           })
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", {
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", {
           className: "c-rte-link-editor-input-group",
-          children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(InputWithLabel, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(InputWithLabel, {
             label: tr("linkEditorRel"),
             type: "text",
             value: rel ?? "",
             onChange: (e) => setRel(e.target.value)
           })
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", {
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", {
           className: "c-rte-link-editor-input-group",
-          children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(InputWithLabel, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(InputWithLabel, {
             label: tr("linkEditorTarget"),
             type: "text",
             value: target ?? "",
             onChange: (e) => setTarget(e.target.value)
           })
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", {
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", {
           className: "c-rte-link-editor-button-wrap",
-          children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Button, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Button, {
             onClick: () => {
               if (lastSelection !== null) {
                 if (linkUrl !== "") {
@@ -35740,28 +35781,28 @@ function FloatingLinkEditor({
           })
         })
       ]
-    }) : /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(import_jsx_runtime119.Fragment, {
+    }) : /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_jsx_runtime120.Fragment, {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", {
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", {
           className: "c-rte-link-editor-link-input",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", {
               className: "c-rte-link-editor-link-preview",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("a", {
+                /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("a", {
                   href: linkUrl,
                   target: "_blank",
                   rel: "noopener noreferrer",
                   children: linkUrl
                 }),
-                rel || target ? /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", {
+                rel || target ? /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", {
                   className: "c-rte-link-editor-preview-attrs",
                   children: [
-                    rel && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", {
+                    rel && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", {
                       className: "c-rte-link-editor-preview-attr",
                       children: rel
                     }),
-                    target && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", {
+                    target && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", {
                       className: "c-rte-link-editor-preview-attr",
                       children: target
                     })
@@ -35769,20 +35810,20 @@ function FloatingLinkEditor({
                 }) : null
               ]
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", {
-              children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(IconButton, {
+            /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", {
+              children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(IconButton, {
                 size: "sm",
                 tabIndex: 0,
                 onMouseDown: (event) => event.preventDefault(),
                 onClick: () => setEditMode(true),
                 "aria-label": tr("linkEditorEdit"),
-                children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Icon.Edit, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Icon.Edit, {})
               })
             })
           ]
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", {
-          children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(LinkPreview, {
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", {
+          children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(LinkPreview, {
             url: linkUrl
           })
         })
@@ -35818,7 +35859,7 @@ function useFloatingLinkEditorToolbar(editor, anchorElem) {
     );
   }, [editor, updateToolbar]);
   return isLink ? (0, import_react_dom3.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(FloatingLinkEditor, {
+    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(FloatingLinkEditor, {
       editor: activeEditor,
       isLink,
       anchorElem,
@@ -35877,7 +35918,7 @@ function getDOMRangeRect(nativeSelection, rootElement) {
 }
 
 // src/rich-text-editor/plugins/FloatingTextFormatToolbarPlugin/index.tsx
-var import_jsx_runtime120 = require("react/jsx-runtime");
+var import_jsx_runtime121 = require("react/jsx-runtime");
 function TextFormatFloatingToolbar({
   editor,
   anchorElem,
@@ -35951,93 +35992,93 @@ function TextFormatFloatingToolbar({
     );
   }, [editor, updateTextFormatFloatingToolbar]);
   if (!editor.isEditable()) {
-    return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", {});
+    return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", {});
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", {
     ref: popupCharStylesEditorRef,
     className: "c-rte-floating-text-format-tb-plugin",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(IconButton, {
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(IconButton, {
         onClick: () => {
           editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "bold");
         },
         style: { padding: 0, overflow: "hidden" },
         title: tr(IS_APPLE ? "actionFormatAsStrongTitleApple" : "actionFormatAsStrongTitle"),
         "aria-label": tr("actionFormatAsStrongLabel"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("i", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("i", {
           className: `c-rte-icon-bold c-rte-floating-text-format-tb-plugin__format-icon ${isBold ? "selected" : ""}`
         })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(IconButton, {
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(IconButton, {
         style: { padding: 0, overflow: "hidden" },
         onClick: () => {
           editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "italic");
         },
         title: tr("actionFormatAsEmphasizedTitle"),
         "aria-label": tr("actionFormatAsEmphasizedLabel"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("i", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("i", {
           className: `c-rte-icon-italic c-rte-floating-text-format-tb-plugin__format-icon ${isItalic ? "selected" : ""}`
         })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(IconButton, {
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(IconButton, {
         style: { padding: 0, overflow: "hidden" },
         onClick: () => {
           editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "underline");
         },
         title: tr("actionFormatAsUnderlinedTitle"),
         "aria-label": tr("actionFormatAsUnderlinedLabel"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("i", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("i", {
           className: `c-rte-icon-underline c-rte-floating-text-format-tb-plugin__format-icon ${isUnderline ? "selected" : ""}`
         })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(IconButton, {
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(IconButton, {
         style: { padding: 0, overflow: "hidden" },
         onClick: () => {
           editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "strikethrough");
         },
         title: tr("actionFormatWithStrikethroughTitle"),
         "aria-label": tr("actionFormatWithStrikethroughLabel"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("i", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("i", {
           className: `c-rte-icon-strikethrough c-rte-floating-text-format-tb-plugin__format-icon ${isStrikethrough ? "selected" : ""}`
         })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(IconButton, {
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(IconButton, {
         style: { padding: 0, overflow: "hidden" },
         onClick: () => {
           editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "subscript");
         },
         title: tr("actionFormatWithSubscriptTitle"),
         "aria-label": tr("actionFormatWithSubscriptLabel"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("i", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("i", {
           className: `c-rte-icon-subscript c-rte-floating-text-format-tb-plugin__format-icon ${isSubscript ? "selected" : ""}`
         })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(IconButton, {
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(IconButton, {
         style: { padding: 0, overflow: "hidden" },
         onClick: () => {
           editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "superscript");
         },
         title: tr("actionFormatWithSuperscriptTitle"),
         "aria-label": tr("actionFormatWithSuperscriptLabel"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("i", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("i", {
           className: `c-rte-icon-superscript c-rte-floating-text-format-tb-plugin__format-icon ${isSuperscript ? "selected" : ""}`
         })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(IconButton, {
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(IconButton, {
         style: { padding: 0, overflow: "hidden" },
         onClick: () => {
           editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "code");
         },
         "aria-label": tr("actionInsertCodeBlock"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("i", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("i", {
           className: `c-rte-icon-code c-rte-floating-text-format-tb-plugin__format-icon ${isCode ? "selected" : ""}`
         })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(IconButton, {
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(IconButton, {
         style: { padding: 0, overflow: "hidden" },
         onClick: insertLink,
         "aria-label": tr("actionInsertlink"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("i", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("i", {
           className: `c-rte-icon-link c-rte-floating-text-format-tb-plugin__format-icon ${isLink ? "selected" : ""}`
         })
       })
@@ -36112,7 +36153,7 @@ function useFloatingTextFormatToolbar(editor, anchorElem) {
     return null;
   }
   return (0, import_react_dom4.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(TextFormatFloatingToolbar, {
+    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(TextFormatFloatingToolbar, {
       editor,
       anchorElem,
       isLink,
@@ -36137,9 +36178,9 @@ function FloatingTextFormatToolbarPlugin({
 // src/rich-text-editor/plugins/LinkPlugin/index.tsx
 var React6 = require("react");
 var import_LexicalLinkPlugin = require("@lexical/react/LexicalLinkPlugin");
-var import_jsx_runtime121 = require("react/jsx-runtime");
+var import_jsx_runtime122 = require("react/jsx-runtime");
 function LinkPlugin() {
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_LexicalLinkPlugin.LinkPlugin, {
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_LexicalLinkPlugin.LinkPlugin, {
     validateUrl
   });
 }
@@ -36310,7 +36351,7 @@ var import_react_dom5 = require("react-dom");
 var import_LexicalComposerContext9 = require("@lexical/react/LexicalComposerContext");
 var import_useLexicalEditable = __toESM(require("@lexical/react/useLexicalEditable"));
 var import_table4 = require("@lexical/table");
-var import_jsx_runtime122 = require("react/jsx-runtime");
+var import_jsx_runtime123 = require("react/jsx-runtime");
 function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
   const [editor] = (0, import_LexicalComposerContext9.useLexicalComposerContext)();
   const [tableCellNode, updateTableCellNode] = (0, import_react110.useState)(_tableCellNode);
@@ -36465,46 +36506,46 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
       clearTableSelection();
     });
   }, [editor, tableCellNode, clearTableSelection]);
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_jsx_runtime122.Fragment, {
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, {
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(DropdownMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(DropdownMenu.Item, {
         onSelect: () => insertTableRowAtSelection(false),
         children: tr("actionTableInsertRowsAbove", selectionCounts.rows)
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(DropdownMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(DropdownMenu.Item, {
         onSelect: () => insertTableRowAtSelection(true),
         children: tr("actionTableInsertRowsBelow", selectionCounts.rows)
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(DropdownMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(DropdownMenu.Item, {
         onSelect: () => insertTableColumnAtSelection(false),
         children: tr("actionTableInsertColumnsBefore", selectionCounts.columns)
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(DropdownMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(DropdownMenu.Item, {
         onSelect: () => insertTableColumnAtSelection(true),
         children: tr("actionTableInsertColumnsAfter", selectionCounts.columns)
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(DropdownMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(DropdownMenu.Item, {
         onSelect: () => toggleTableRowIsHeader(),
         children: tr(
           (tableCellNode.__headerState & import_table4.TableCellHeaderStates.ROW) === import_table4.TableCellHeaderStates.ROW ? "actionTableRemoveRowHeader" : "actionTableAddRowHeader"
         )
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(DropdownMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(DropdownMenu.Item, {
         onSelect: () => toggleTableColumnIsHeader(),
         children: tr(
           (tableCellNode.__headerState & import_table4.TableCellHeaderStates.COLUMN) === import_table4.TableCellHeaderStates.COLUMN ? "actionTableRemoveColumnHeader" : "actionTableAddColumnHeader"
         )
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(DropdownMenu.Separator, {}),
-      tableStats.columns > 1 && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(DropdownMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(DropdownMenu.Separator, {}),
+      tableStats.columns > 1 && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(DropdownMenu.Item, {
         onSelect: () => deleteTableColumnAtSelection(),
         children: tr("actionTableDeleteColumn")
       }),
-      tableStats.rows > 1 && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(DropdownMenu.Item, {
+      tableStats.rows > 1 && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(DropdownMenu.Item, {
         onSelect: () => deleteTableRowAtSelection(),
         children: tr("actionTableDeleteRow")
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(DropdownMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(DropdownMenu.Item, {
         onSelect: () => deleteTableAtSelection(),
         children: tr("actionTableDeleteTable")
       })
@@ -36586,19 +36627,19 @@ function TableCellActionMenuContainer({ anchorElem }) {
       }
     }
   }, [menuButtonRef, tableCellNode, editor, anchorElem]);
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", {
     className: "c-rte-table-cell-action-button-container",
     ref: menuButtonRef,
-    children: tableCellNode != null && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(DropdownMenu.Root, {
+    children: tableCellNode != null && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(DropdownMenu.Root, {
       onOpenChange: (isOpen) => setIsMenuOpen(isOpen),
-      content: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(TableActionMenu, {
+      content: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(TableActionMenu, {
         tableCellNode,
         tableStats
       }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(IconButton, {
+      children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(IconButton, {
         size: "xs",
         "aria-label": tr("actionTableOpenOptions"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Icon.Arrow, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Icon.Arrow, {})
       })
     })
   });
@@ -36607,7 +36648,7 @@ function TableActionMenuPlugin({
   anchorElem = document.body
 }) {
   const isEditable = (0, import_useLexicalEditable.default)();
-  return (0, import_react_dom5.createPortal)(isEditable ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(TableCellActionMenuContainer, {
+  return (0, import_react_dom5.createPortal)(isEditable ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(TableCellActionMenuContainer, {
     anchorElem
   }) : null, anchorElem);
 }
@@ -36629,7 +36670,7 @@ var import_utils4 = require("@lexical/utils");
 var import_react111 = require("react");
 var import_lexical14 = require("lexical");
 var import_LexicalComposerContext10 = require("@lexical/react/LexicalComposerContext");
-var import_jsx_runtime123 = require("react/jsx-runtime");
+var import_jsx_runtime124 = require("react/jsx-runtime");
 async function copyJson(editor) {
   const json = lexicalToCrystallizeRichText({ editor, editorState: editor.getEditorState() });
   try {
@@ -36645,22 +36686,22 @@ function ActionsPlugin({
   const [editor] = (0, import_LexicalComposerContext10.useLexicalComposerContext)();
   const tr = useTr();
   const actionMenuAnchorRef = (0, import_react111.useRef)(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", {
     ref: actionMenuAnchorRef,
     className: "c-rte-actions-plugin",
-    children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(ActionMenu, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(ActionMenu, {
       container: actionMenuAnchorRef.current,
       children: [
-        !prepend ? null : prepend.map((actionItem) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(ActionMenu.Item, {
+        !prepend ? null : prepend.map((actionItem) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(ActionMenu.Item, {
           onSelect: actionItem.action,
           className: actionItem.type === "danger" ? "danger" : "",
           children: actionItem.title
         }, actionItem.title)),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(ActionMenu.Item, {
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(ActionMenu.Item, {
           onSelect: () => copyJson(editor),
           children: tr("actionCopyJSON")
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(ActionMenu.Item, {
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(ActionMenu.Item, {
           className: "danger",
           onSelect: () => {
             editor.dispatchCommand(import_lexical14.CLEAR_EDITOR_COMMAND, void 0);
@@ -36668,7 +36709,7 @@ function ActionsPlugin({
           },
           children: tr("actionClear")
         }),
-        !append ? null : append.map((actionItem) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(ActionMenu.Item, {
+        !append ? null : append.map((actionItem) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(ActionMenu.Item, {
           onSelect: actionItem.action,
           className: actionItem.type === "danger" ? "danger" : "",
           children: actionItem.title
@@ -36681,7 +36722,7 @@ function ActionsPlugin({
 // src/rich-text-editor/plugins/ToolbarPlugin/insert-table.tsx
 var import_react112 = require("react");
 var import_table5 = require("@lexical/table");
-var import_jsx_runtime124 = require("react/jsx-runtime");
+var import_jsx_runtime125 = require("react/jsx-runtime");
 function InsertTableDialog({ activeEditor }) {
   const [rows, setRows] = (0, import_react112.useState)("5");
   const [columns, setColumns] = (0, import_react112.useState)("5");
@@ -36699,13 +36740,13 @@ function InsertTableDialog({ activeEditor }) {
       }
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", {
     className: "c-rte-insert-table",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", {
+      /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", {
         className: "c-rte-insert-table__dimensions",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(InputWithLabel, {
+          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(InputWithLabel, {
             label: tr("insertTableRows"),
             value: rows,
             placeholder: "0",
@@ -36713,10 +36754,10 @@ function InsertTableDialog({ activeEditor }) {
             inputMode: "numeric",
             onChange: (e) => setRows(e.target.value)
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", {
+          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", {
             className: "c-rte-insert-table__dimensions__separator"
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(InputWithLabel, {
+          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(InputWithLabel, {
             type: "text",
             label: tr("insertTableColumns"),
             placeholder: "0",
@@ -36726,9 +36767,9 @@ function InsertTableDialog({ activeEditor }) {
           })
         ]
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", {
+      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", {
         className: "c-rte-insert-table__actions",
-        children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Button, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, {
           as: Dialog.Close,
           size: "sm",
           intent: "action",
@@ -36742,7 +36783,7 @@ function InsertTableDialog({ activeEditor }) {
 }
 
 // src/rich-text-editor/plugins/ToolbarPlugin/index.tsx
-var import_jsx_runtime125 = require("react/jsx-runtime");
+var import_jsx_runtime126 = require("react/jsx-runtime");
 var headingTypeToBlockName = {
   h1: "Heading 1",
   h2: "Heading 2",
@@ -36846,80 +36887,80 @@ function BlockFormatDropDown({
       });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(DropdownMenu.Root, {
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(DropdownMenu.Root, {
     disabled,
     style: { zIndex: 1 },
-    content: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(import_jsx_runtime125.Fragment, {
+    content: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_jsx_runtime126.Fragment, {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(DropdownMenu.Item, {
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(DropdownMenu.Item, {
           onClick: formatParagraph,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("i", {
+            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("i", {
               className: `c-rte-icon-paragraph c-rte-toolbar__block-format__icon ${blockType === "paragraph" ? "selected" : ""}`
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", {
+            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", {
               className: `c-rte-toolbar__block-format__text ${blockType === "paragraph" ? "selected" : ""}`,
               children: "Normal"
             })
           ]
         }),
-        headings.map((headingSize) => /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(DropdownMenu.Item, {
+        headings.map((headingSize) => /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(DropdownMenu.Item, {
           onClick: () => formatHeading(headingSize),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("i", {
+            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("i", {
               className: `c-rte-icon-${headingSize} c-rte-toolbar__block-format__icon ${blockType === headingSize ? "selected" : ""}`
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", {
+            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", {
               className: `c-rte-toolbar__block-format__text ${blockType === headingSize ? "selected" : ""}`,
               children: headingTypeToBlockName[headingSize]
             })
           ]
         }, headingSize)),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(DropdownMenu.Item, {
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(DropdownMenu.Item, {
           onClick: formatBulletList,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("i", {
+            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("i", {
               className: `c-rte-icon-bullet-list c-rte-toolbar__block-format__icon ${blockType === "bullet" ? "selected" : ""}`
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", {
+            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", {
               className: `c-rte-toolbar__block-format__text ${blockType === "bullet" ? "selected" : ""}`,
               children: "Bullet List"
             })
           ]
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(DropdownMenu.Item, {
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(DropdownMenu.Item, {
           onClick: formatNumberedList,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("i", {
+            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("i", {
               className: `c-rte-icon-numbered-list c-rte-toolbar__block-format__icon ${blockType === "number" ? "selected" : ""}`
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", {
+            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", {
               className: `c-rte-toolbar__block-format__text ${blockType === "number" ? "selected" : ""}`,
               children: "Numbered List"
             })
           ]
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(DropdownMenu.Item, {
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(DropdownMenu.Item, {
           onClick: formatQuote,
           "data-testid": "toggle-block-format-quote",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("i", {
+            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("i", {
               className: `c-rte-icon-quote c-rte-toolbar__block-format__icon ${blockType === "quote" ? "selected" : ""}`
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", {
+            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", {
               className: `c-rte-toolbar__block-format__text ${blockType === "quote" ? "selected" : ""}`,
               children: "Quote"
             })
           ]
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(DropdownMenu.Item, {
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(DropdownMenu.Item, {
           onClick: formatCode,
           "data-testid": "toggle-block-format-code",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("i", {
+            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("i", {
               className: `icon c-rte-icon-code border w-6 h-6 rounded-md bg-no-repeat bg-center bg-[length:18px_18px] ${blockType === "code" ? "selected" : ""}`
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", {
+            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", {
               className: `c-rte-toolbar__block-format__text ${blockType === "code" ? "selected" : ""}`,
               children: "Code block"
             })
@@ -36927,21 +36968,21 @@ function BlockFormatDropDown({
         })
       ]
     }),
-    children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(Button, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(Button, {
       style: { backgroundColor: "transparent", padding: "0 8px" },
       "aria-label": "Formatting options for text style",
       "data-testid": "toggle-block-format",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("i", {
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("i", {
           className: `c-rte-toolbar__toggle-icon c-rte-icon-${blockType}`
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon.Arrow, {})
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Icon.Arrow, {})
       ]
     })
   });
 }
 function Divider() {
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", {
     className: "c-rte-toolbar__divider"
   });
 }
@@ -37090,13 +37131,13 @@ function ToolbarPlugin({
     },
     [activeEditor, selectedElementKey]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", {
     className: "c-rte-toolbar",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", {
+      /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", {
         className: "c-rte-toolbar__inner",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(IconButton, {
+          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(IconButton, {
             disabled: !canUndo || !isEditable,
             onClick: () => {
               activeEditor.dispatchCommand(import_lexical15.UNDO_COMMAND, void 0);
@@ -37104,12 +37145,12 @@ function ToolbarPlugin({
             type: "button",
             title: tr(IS_APPLE ? "actionUndoTitleApple" : "actionUndoTitle"),
             "aria-label": tr("actionUndoLabel"),
-            children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("i", {
+            children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("i", {
               className: `c-rte-icon-undo c-rte-toolbar__icon ${!canUndo ? "disabled" : ""}
         `
             })
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(IconButton, {
+          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(IconButton, {
             disabled: !canRedo || !isEditable,
             onClick: () => {
               activeEditor.dispatchCommand(import_lexical15.REDO_COMMAND, void 0);
@@ -37117,51 +37158,51 @@ function ToolbarPlugin({
             type: "button",
             title: tr(IS_APPLE ? "actionRedoTitleApple" : "actionRedoTitle"),
             "aria-label": tr("actionRedoLabel"),
-            children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("i", {
+            children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("i", {
               className: `c-rte-icon-redo c-rte-toolbar__icon ${!canRedo ? "disabled" : ""}`
             })
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Divider, {}),
-          blockType in blockTypeToBlockName && activeEditor === editor && /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(import_jsx_runtime125.Fragment, {
+          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Divider, {}),
+          blockType in blockTypeToBlockName && activeEditor === editor && /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_jsx_runtime126.Fragment, {
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(BlockFormatDropDown, {
+              /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(BlockFormatDropDown, {
                 disabled: !isEditable,
                 blockType,
                 editor
               }),
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Divider, {})
+              /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Divider, {})
             ]
           }),
-          blockType === "code" ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_jsx_runtime125.Fragment, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(DropdownMenu.Root, {
+          blockType === "code" ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_jsx_runtime126.Fragment, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(DropdownMenu.Root, {
               disabled: !isEditable,
               style: { zIndex: 1 },
-              content: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_jsx_runtime125.Fragment, {
+              content: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_jsx_runtime126.Fragment, {
                 children: CODE_LANGUAGE_OPTIONS.map(([value, name]) => {
-                  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(DropdownMenu.Item, {
+                  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(DropdownMenu.Item, {
                     className: `item ${dropDownActiveClass(value === codeLanguage)}`,
                     onClick: () => onCodeLanguageSelect(value),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", {
                       className: `c-rte-toolbar__code-lang__sel-item ${dropDownActiveClass(value === codeLanguage) ? "selected" : ""}`,
                       children: name
                     })
                   }, value);
                 })
               }),
-              children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, {
+              children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Button, {
                 "aria-label": tr("codeSelectLanguage"),
-                append: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon.Arrow, {}),
-                children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", {
+                append: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Icon.Arrow, {}),
+                children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", {
                   className: "c-rte-toolbar__code-lang__button-text",
                   children: (0, import_code9.getLanguageFriendlyName)(codeLanguage)
                 })
               })
             })
-          }) : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Dialog, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", {
+          }) : /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Dialog, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", {
               className: "c-rte-toolbar__actions-rest",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(IconButton, {
+                /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(IconButton, {
                   disabled: !isEditable,
                   className: `c-rte-toolbar__icon-btn ${isBold ? "selected" : ""}`,
                   type: "button",
@@ -37171,11 +37212,11 @@ function ToolbarPlugin({
                   onClick: () => {
                     activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "bold");
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("i", {
+                  children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("i", {
                     className: `c-rte-toolbar__icon-btn__icon c-rte-icon-bold`
                   })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(IconButton, {
+                /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(IconButton, {
                   className: `c-rte-toolbar__icon-btn ${isItalic ? "selected" : ""}`,
                   disabled: !isEditable,
                   onClick: () => {
@@ -37185,11 +37226,11 @@ function ToolbarPlugin({
                   title: tr(IS_APPLE ? "actionFormatAsEmphasizedTitleApple" : "actionFormatAsEmphasizedTitle"),
                   "aria-label": tr("actionFormatAsEmphasizedLabel"),
                   "data-testid": "toggle-format-emphasized",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("i", {
+                  children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("i", {
                     className: `c-rte-toolbar__icon-btn__icon c-rte-icon-italic`
                   })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(IconButton, {
+                /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(IconButton, {
                   className: `c-rte-toolbar__icon-btn ${isUnderline ? "selected" : ""}`,
                   disabled: !isEditable,
                   onClick: () => {
@@ -37199,11 +37240,11 @@ function ToolbarPlugin({
                   title: tr(IS_APPLE ? "actionFormatAsUnderlinedTitleApple" : "actionFormatAsUnderlinedTitle"),
                   "aria-label": tr("actionFormatAsUnderlinedLabel"),
                   "data-testid": "toggle-format-underlined",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("i", {
+                  children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("i", {
                     className: `c-rte-toolbar__icon-btn__icon c-rte-icon-underline`
                   })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(IconButton, {
+                /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(IconButton, {
                   className: `c-rte-toolbar__icon-btn ${isCode ? "selected" : ""}`,
                   disabled: !isEditable,
                   onClick: () => {
@@ -37212,84 +37253,84 @@ function ToolbarPlugin({
                   type: "button",
                   title: tr("actionInsertCodeBlock"),
                   "aria-label": tr("actionInsertCodeBlock"),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("i", {
+                  children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("i", {
                     className: `c-rte-toolbar__icon-btn__icon c-rte-icon-code`
                   })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(IconButton, {
+                /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(IconButton, {
                   className: `c-rte-toolbar__icon-btn ${isLink ? "selected" : ""}`,
                   disabled: !isEditable,
                   onClick: insertLink,
                   type: "button",
                   "aria-label": tr("actionInsertlink"),
                   title: tr("actionInsertlink"),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("i", {
+                  children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("i", {
                     className: `c-rte-toolbar__icon-btn__icon c-rte-icon-link`
                   })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(DropdownMenu.Root, {
+                /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(DropdownMenu.Root, {
                   disabled: !isEditable,
                   style: { zIndex: 1 },
-                  content: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(import_jsx_runtime125.Fragment, {
+                  content: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_jsx_runtime126.Fragment, {
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(DropdownMenu.Item, {
+                      /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(DropdownMenu.Item, {
                         onClick: () => {
                           activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "strikethrough");
                         },
                         title: tr("actionFormatWithStrikethroughTitle"),
                         "aria-label": tr("actionFormatWithStrikethroughLabel"),
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("i", {
+                          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("i", {
                             className: `c-rte-icon-strikethrough c-rte-toolbar__dd-item__icon ${isStrikethrough ? "selected" : ""}`
                           }),
-                          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", {
+                          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", {
                             className: `c-rte-toolbar__dd-item__text ${isStrikethrough ? "selected" : ""}`,
                             children: tr("actionFormatAsStrongTitle")
                           })
                         ]
                       }),
-                      /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(DropdownMenu.Item, {
+                      /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(DropdownMenu.Item, {
                         onClick: () => {
                           activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "subscript");
                         },
                         title: tr("actionFormatWithSubscriptTitle"),
                         "aria-label": tr("actionFormatWithSubscriptLabel"),
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("i", {
+                          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("i", {
                             className: `c-rte-icon-subscript c-rte-toolbar__dd-item__icon ${isSubscript ? "selected" : ""}`
                           }),
-                          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", {
+                          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", {
                             className: `c-rte-toolbar__dd-item__text ${isSubscript ? "selected" : ""}`,
                             children: tr("actionFormatWithSubscriptTitle")
                           })
                         ]
                       }),
-                      /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(DropdownMenu.Item, {
+                      /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(DropdownMenu.Item, {
                         onClick: () => {
                           activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "superscript");
                         },
                         title: tr("actionFormatWithSuperscriptTitle"),
                         "aria-label": tr("actionFormatWithSuperscriptLabel"),
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("i", {
+                          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("i", {
                             className: `c-rte-icon-superscript c-rte-toolbar__dd-item__icon ${isSuperscript ? "selected" : ""}`
                           }),
-                          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", {
+                          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", {
                             className: `c-rte-toolbar__dd-item__text ${isSuperscript ? "selected" : ""}`,
                             children: tr("actionFormatWithSuperscriptTitle")
                           })
                         ]
                       }),
-                      /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(DropdownMenu.Item, {
+                      /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(DropdownMenu.Item, {
                         onClick: clearFormatting,
                         className: "item",
                         title: tr("actionClearTextFormatting"),
                         "aria-label": tr("actionClearTextFormatting"),
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("i", {
+                          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("i", {
                             className: "c-rte-icon-clear c-rte-toolbar__dd-item__icon"
                           }),
-                          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", {
+                          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", {
                             className: "c-rte-toolbar__dd-item__text--clear",
                             children: "Clear Formatting"
                           })
@@ -37297,47 +37338,47 @@ function ToolbarPlugin({
                       })
                     ]
                   }),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(Button, {
+                  children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(Button, {
                     style: { backgroundColor: "transparent", padding: "0 8px" },
                     "aria-label": tr("actionTextFormattingOptions"),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("i", {
+                      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("i", {
                         className: `c-rte-icon-dropdown-more c-rte-toolbar__toggle-icon`
                       }),
-                      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon.Arrow, {})
+                      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Icon.Arrow, {})
                     ]
                   })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Divider, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(DropdownMenu.Root, {
+                /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Divider, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(DropdownMenu.Root, {
                   style: { zIndex: 1 },
                   disabled: !isEditable,
-                  content: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(import_jsx_runtime125.Fragment, {
+                  content: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_jsx_runtime126.Fragment, {
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(DropdownMenu.Item, {
+                      /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(DropdownMenu.Item, {
                         onClick: () => {
                           activeEditor.dispatchCommand(import_LexicalHorizontalRuleNode4.INSERT_HORIZONTAL_RULE_COMMAND, void 0);
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("i", {
+                          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("i", {
                             className: "c-rte-toolbar__dd-item__icon c-rte-icon-horizontal-rule"
                           }),
-                          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", {
+                          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", {
                             className: "c-rte-toolbar__dd-item__text",
                             children: tr("horizontalRule")
                           })
                         ]
                       }),
-                      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(DropdownMenu.Item, {
-                        children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Dialog.Trigger, {
+                      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(DropdownMenu.Item, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Dialog.Trigger, {
                           asChild: true,
-                          children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", {
+                          children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", {
                             className: "c-rte-toolbar__dd-item--table",
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("i", {
+                              /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("i", {
                                 className: "c-rte-toolbar__dd-item__icon c-rte-icon-table"
                               }),
-                              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", {
+                              /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", {
                                 className: "c-rte-toolbar__dd-item__text",
                                 children: tr("table")
                               })
@@ -37347,21 +37388,21 @@ function ToolbarPlugin({
                       })
                     ]
                   }),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(IconButton, {
-                    children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("i", {
+                  children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(IconButton, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("i", {
                       className: "c-rte-icon-plus c-rte-toolbar__plus"
                     })
                   })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(Dialog.Content, {
+                /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(Dialog.Content, {
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Dialog.Title, {
+                    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Dialog.Title, {
                       children: tr("insertTableTitle")
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Dialog.Description, {
+                    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Dialog.Description, {
                       children: tr("insertTableDescription")
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(InsertTableDialog, {
+                    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(InsertTableDialog, {
                       activeEditor
                     })
                   ]
@@ -37371,7 +37412,7 @@ function ToolbarPlugin({
           })
         ]
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ActionsPlugin, {
+      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(ActionsPlugin, {
         prepend: actionsMenuPrepend,
         append: actionsMenuAppend
       })
@@ -37482,14 +37523,14 @@ var theme = {
 var CrystallizeRTEditorTheme_default = theme;
 
 // src/rich-text-editor/rich-text-editor.tsx
-var import_jsx_runtime126 = require("react/jsx-runtime");
+var import_jsx_runtime127 = require("react/jsx-runtime");
 function RichTextEditor({
   initialData,
   language = "en",
   labelTranslations,
   ...rest
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_LexicalComposer.LexicalComposer, {
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_LexicalComposer.LexicalComposer, {
     initialConfig: {
       editable: !rest.disabled,
       namespace: "crystallize-rich-text-editor",
@@ -37502,13 +37543,13 @@ function RichTextEditor({
         richText: initialData
       }) : void 0
     },
-    children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(I18nProvider, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(I18nProvider, {
       language,
       labelTranslations,
-      children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(SharedHistoryContext, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", {
+      children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(SharedHistoryContext, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", {
           className: "c-rich-text-editor",
-          children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(RichTextEditorWithoutContext, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(RichTextEditorWithoutContext, {
             ...rest
           })
         })
@@ -37530,7 +37571,7 @@ function RichTextEditorWithoutContext({
 }) {
   const editable = !disabled;
   const { historyState } = useSharedHistoryContext();
-  const placeholder = /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", {
+  const placeholder = /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", {
     className: "c-rte-placeholder",
     children: placeholderText ?? ""
   });
@@ -37554,39 +37595,39 @@ function RichTextEditorWithoutContext({
     }
     firstOnChangeTriggeredRef.current = true;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_jsx_runtime126.Fragment, {
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, {
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_LexicalOnChangePlugin.OnChangePlugin, {
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_LexicalOnChangePlugin.OnChangePlugin, {
         onChange: onLocalChange,
         ignoreSelectionChange: true
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(DimensionDetectorPlugin, {
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(DimensionDetectorPlugin, {
         onChange: (d) => setIsSmallWidthViewport(d.isSmallWidth)
       }),
-      isSmallWidthViewport ? null : /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(ToolbarPlugin, {
+      isSmallWidthViewport ? null : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(ToolbarPlugin, {
         actionsMenuPrepend,
         actionsMenuAppend
       }),
       slotPreContent,
-      /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", {
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", {
         className: `c-rte-editor-container ${disabled ? "disabled" : ""}`,
         children: [
-          maxLength != null ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(MaxLengthPlugin, {
+          maxLength != null ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(MaxLengthPlugin, {
             maxLength
           }) : null,
-          !autoFocus ? null : /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_LexicalAutoFocusPlugin.AutoFocusPlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_LexicalClearEditorPlugin.ClearEditorPlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(LexicalAutoLinkPlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_LexicalHistoryPlugin2.HistoryPlugin, {
+          !autoFocus ? null : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_LexicalAutoFocusPlugin.AutoFocusPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_LexicalClearEditorPlugin.ClearEditorPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(LexicalAutoLinkPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_LexicalHistoryPlugin2.HistoryPlugin, {
             externalHistoryState: historyState
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_LexicalRichTextPlugin.RichTextPlugin, {
-            contentEditable: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", {
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_LexicalRichTextPlugin.RichTextPlugin, {
+            contentEditable: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", {
               className: "c-rte-editor-scroller",
-              children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", {
+              children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", {
                 className: "c-rte-editor",
                 ref: onRef,
-                children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_LexicalContentEditable.ContentEditable, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_LexicalContentEditable.ContentEditable, {
                   className: "c-rte-contenteditable-root",
                   id
                 })
@@ -37595,28 +37636,28 @@ function RichTextEditorWithoutContext({
             placeholder,
             ErrorBoundary: import_LexicalErrorBoundary.default
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(CodeHighlightPlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_LexicalListPlugin.ListPlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(ListMaxIndentLevelPlugin, {
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(CodeHighlightPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_LexicalListPlugin.ListPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(ListMaxIndentLevelPlugin, {
             maxDepth: 7
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_LexicalTablePlugin.TablePlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(LinkPlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_LexicalHorizontalRulePlugin.HorizontalRulePlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(TabFocusPlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_LexicalTabIndentationPlugin.TabIndentationPlugin, {}),
-          floatingAnchorElem && !isSmallWidthViewport && /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_jsx_runtime126.Fragment, {
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_LexicalTablePlugin.TablePlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(LinkPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_LexicalHorizontalRulePlugin.HorizontalRulePlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(TabFocusPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_LexicalTabIndentationPlugin.TabIndentationPlugin, {}),
+          floatingAnchorElem && !isSmallWidthViewport && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, {
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(CodeActionMenuPlugin, {
+              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(CodeActionMenuPlugin, {
                 anchorElem: floatingAnchorElem
               }),
-              /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(FloatingLinkEditorPlugin, {
+              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(FloatingLinkEditorPlugin, {
                 anchorElem: floatingAnchorElem
               }),
-              /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(TableActionMenuPlugin, {
+              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(TableActionMenuPlugin, {
                 anchorElem: floatingAnchorElem
               }),
-              /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(FloatingTextFormatToolbarPlugin, {
+              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(FloatingTextFormatToolbarPlugin, {
                 anchorElem: floatingAnchorElem
               })
             ]
@@ -37627,45 +37668,6 @@ function RichTextEditorWithoutContext({
   });
 }
 
-// src/tooltip/tooltip.tsx
-var RadixTooltip = __toESM(require("@radix-ui/react-tooltip"));
-var import_jsx_runtime127 = require("react/jsx-runtime");
-function Tooltip({
-  children,
-  content,
-  side,
-  align = "center",
-  defaultOpen = false,
-  delayDuration = 800
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(RadixTooltip.Provider, {
-    delayDuration,
-    children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(RadixTooltip.Root, {
-      defaultOpen,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(RadixTooltip.Trigger, {
-          asChild: true,
-          children
-        }),
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(RadixTooltip.Portal, {
-          children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(RadixTooltip.Content, {
-            align,
-            className: "c-tooltip-content data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade",
-            sideOffset: 5,
-            side,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(RadixTooltip.Arrow, {
-                className: "c-tooltip-arrow"
-              }),
-              content
-            ]
-          })
-        })
-      ]
-    })
-  });
-}
-
 // src/switch/switch.tsx
 var RadixSwitch = __toESM(require("@radix-ui/react-switch"));
 var import_jsx_runtime128 = require("react/jsx-runtime");