@crystallize/design-system 1.24.12 → 1.24.13

package/dist/index.js

@@ -7566,17 +7566,17 @@ var init_12 = __esm({
 });
 
 // src/rich-text-editor/context/SharedHistoryContext.tsx
-var import_react117, import_LexicalHistoryPlugin, import_jsx_runtime134, Context, SharedHistoryContext, useSharedHistoryContext;
+var import_react117, import_LexicalHistoryPlugin, import_jsx_runtime136, Context, SharedHistoryContext, useSharedHistoryContext;
 var init_SharedHistoryContext = __esm({
   "src/rich-text-editor/context/SharedHistoryContext.tsx"() {
     "use strict";
     import_react117 = require("react");
     import_LexicalHistoryPlugin = require("@lexical/react/LexicalHistoryPlugin");
-    import_jsx_runtime134 = require("react/jsx-runtime");
+    import_jsx_runtime136 = require("react/jsx-runtime");
     Context = (0, import_react117.createContext)({});
     SharedHistoryContext = ({ children }) => {
       const historyContext = (0, import_react117.useMemo)(() => ({ historyState: (0, import_LexicalHistoryPlugin.createEmptyHistoryState)() }), []);
-      return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Context.Provider, {
+      return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Context.Provider, {
         value: historyContext,
         children
       });
@@ -7664,7 +7664,7 @@ function I18nProvider({
   children
 }) {
   const translations2 = labelTranslations || en_default;
-  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(I18nContext.Provider, {
+  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(I18nContext.Provider, {
     value: translations2,
     children
   });
@@ -7687,14 +7687,14 @@ function useTr() {
     return "";
   };
 }
-var import_react118, import_jsx_runtime135, I18nContext;
+var import_react118, import_jsx_runtime137, I18nContext;
 var init_i18n = __esm({
   "src/rich-text-editor/i18n/index.tsx"() {
     "use strict";
     import_react118 = require("react");
     init_en();
     init_en();
-    import_jsx_runtime135 = require("react/jsx-runtime");
+    import_jsx_runtime137 = require("react/jsx-runtime");
     I18nContext = (0, import_react118.createContext)(null);
   }
 });
@@ -8138,17 +8138,17 @@ var init_BaseNodes = __esm({
 
 // src/rich-text-editor/plugins/AutoLinkPlugin/index.tsx
 function LexicalAutoLinkPlugin() {
-  return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_LexicalAutoLinkPlugin.AutoLinkPlugin, {
+  return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_LexicalAutoLinkPlugin.AutoLinkPlugin, {
     matchers: MATCHERS
   });
 }
-var React2, import_LexicalAutoLinkPlugin, import_jsx_runtime136, URL_MATCHER, EMAIL_MATCHER, MATCHERS;
+var React2, import_LexicalAutoLinkPlugin, import_jsx_runtime138, URL_MATCHER, EMAIL_MATCHER, MATCHERS;
 var init_AutoLinkPlugin = __esm({
   "src/rich-text-editor/plugins/AutoLinkPlugin/index.tsx"() {
     "use strict";
     React2 = require("react");
     import_LexicalAutoLinkPlugin = require("@lexical/react/LexicalAutoLinkPlugin");
-    import_jsx_runtime136 = require("react/jsx-runtime");
+    import_jsx_runtime138 = require("react/jsx-runtime");
     URL_MATCHER = /((https?:\/\/(www\.)?)|(www\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
     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,}))/;
     MATCHERS = [
@@ -8207,18 +8207,18 @@ function CopyButton({ editor, getCodeDOMNode }) {
       console.error("Failed to copy: ", err);
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("button", {
+  return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("button", {
     className: "c-rte-code-button",
     onClick: handleClick,
     "aria-label": tr("actionCopyCode"),
-    children: isCopyCompleted ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("i", {
+    children: isCopyCompleted ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("i", {
       className: "c-rte-code-button__icon c-rte-icon-success"
-    }) : /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("i", {
+    }) : /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("i", {
       className: "c-rte-code-button__icon c-rte-icon-copy"
     })
   });
 }
-var React3, import_react119, import_lexical4, import_use_debounce, import_code4, import_jsx_runtime137;
+var React3, import_react119, import_lexical4, import_use_debounce, import_code4, import_jsx_runtime139;
 var init_CopyButton = __esm({
   "src/rich-text-editor/plugins/CodeActionMenuPlugin/components/CopyButton/index.tsx"() {
     "use strict";
@@ -8228,7 +8228,7 @@ var init_CopyButton = __esm({
     import_use_debounce = require("use-debounce");
     import_code4 = require("@lexical/code");
     init_i18n();
-    import_jsx_runtime137 = require("react/jsx-runtime");
+    import_jsx_runtime139 = require("react/jsx-runtime");
   }
 });
 
@@ -37122,29 +37122,29 @@ function PrettierButton({ lang, editor, getCodeDOMNode }) {
       setTipsVisible(false);
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", {
     className: "c-rte-prettier-wrapper",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("button", {
+      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("button", {
         className: "c-rte-code-button",
         onClick: handleClick,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         "aria-label": tr("actionFormatCode"),
-        children: syntaxError ? /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("i", {
+        children: syntaxError ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("i", {
           className: "c-rte-code-button__icon c-rte-icon-prettier-error"
-        }) : /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("i", {
+        }) : /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("i", {
           className: "c-rte-code-button__icon c-rte-icon-prettier"
         })
       }),
-      tipsVisible ? /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("pre", {
+      tipsVisible ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("pre", {
         className: "c-rte-code-error-tips",
         children: syntaxError
       }) : null
     ]
   });
 }
-var React4, import_react120, import_lexical5, import_code5, import_jsx_runtime138, PRETTIER_PARSER_MODULES, PRETTIER_OPTIONS_BY_LANG, LANG_CAN_BE_PRETTIER;
+var React4, import_react120, import_lexical5, import_code5, import_jsx_runtime140, PRETTIER_PARSER_MODULES, PRETTIER_OPTIONS_BY_LANG, LANG_CAN_BE_PRETTIER;
 var init_PrettierButton = __esm({
   "src/rich-text-editor/plugins/CodeActionMenuPlugin/components/PrettierButton/index.tsx"() {
     "use strict";
@@ -37153,7 +37153,7 @@ var init_PrettierButton = __esm({
     import_lexical5 = require("lexical");
     import_code5 = require("@lexical/code");
     init_i18n();
-    import_jsx_runtime138 = require("react/jsx-runtime");
+    import_jsx_runtime140 = require("react/jsx-runtime");
     PRETTIER_PARSER_MODULES = {
       css: () => Promise.resolve().then(() => __toESM(require_parser_postcss())),
       html: () => Promise.resolve().then(() => __toESM(require_parser_html())),
@@ -37253,20 +37253,20 @@ function CodeActionMenuContainer({ anchorElem }) {
   });
   const normalizedLang = (0, import_code6.normalizeCodeLang)(lang);
   const codeFriendlyName = (0, import_code6.getLanguageFriendlyName)(lang);
-  return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_jsx_runtime139.Fragment, {
-    children: isShown ? /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_jsx_runtime141.Fragment, {
+    children: isShown ? /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", {
       className: "c-rte-code-action-menu-container",
       style: { ...position },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", {
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", {
           className: "c-rte-code-highlight-language",
           children: codeFriendlyName
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(CopyButton, {
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(CopyButton, {
           editor,
           getCodeDOMNode
         }),
-        canBePrettier(normalizedLang) ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(PrettierButton, {
+        canBePrettier(normalizedLang) ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(PrettierButton, {
           editor,
           getCodeDOMNode,
           lang: normalizedLang
@@ -37288,11 +37288,11 @@ function getMouseInfo(event) {
 function CodeActionMenuPlugin({
   anchorElem = document.body
 }) {
-  return (0, import_react_dom2.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime139.jsx)(CodeActionMenuContainer, {
+  return (0, import_react_dom2.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime141.jsx)(CodeActionMenuContainer, {
     anchorElem
   }), anchorElem);
 }
-var import_react121, import_lexical6, import_react_dom2, import_use_debounce2, import_code6, import_LexicalComposerContext, import_jsx_runtime139, CODE_PADDING;
+var import_react121, import_lexical6, import_react_dom2, import_use_debounce2, import_code6, import_LexicalComposerContext, import_jsx_runtime141, CODE_PADDING;
 var init_CodeActionMenuPlugin = __esm({
   "src/rich-text-editor/plugins/CodeActionMenuPlugin/index.tsx"() {
     "use strict";
@@ -37304,7 +37304,7 @@ var init_CodeActionMenuPlugin = __esm({
     import_LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
     init_CopyButton();
     init_PrettierButton();
-    import_jsx_runtime139 = require("react/jsx-runtime");
+    import_jsx_runtime141 = require("react/jsx-runtime");
     CODE_PADDING = 0;
   }
 });
@@ -37382,26 +37382,26 @@ function LinkPreviewContent({
   if (!hasPreview) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", {
     className: "c-rte-link-preview",
     children: [
-      preview.google.image && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", {
+      preview.google.image && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", {
         className: "c-rte-link-preview-image-wrapper",
-        children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("img", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("img", {
           src: preview.google.image,
           alt: preview.google.title,
           className: "c-rte-link-preview-image"
         })
       }),
-      preview.google.title && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", {
+      preview.google.title && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", {
         className: "c-rte-link-preview-title",
         children: preview.google.title
       }),
-      preview.google.description && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", {
+      preview.google.description && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", {
         className: "c-rte-link-preview-description",
         children: preview.google.description
       }),
-      textContent && textContent !== preview.google.title ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Button, {
+      textContent && textContent !== preview.google.title ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Button, {
         className: "c-rte-link-preview__replace-text-btn",
         onClick: useTitleForText,
         children: tr("linkPreviewReplaceTextWithTitle")
@@ -37410,7 +37410,7 @@ function LinkPreviewContent({
   });
 }
 function Glimmer(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", {
     className: "c-rte-link-preview-glimmer",
     ...props,
     style: {
@@ -37422,29 +37422,29 @@ function Glimmer(props) {
 function LinkPreview({
   url
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_react123.Suspense, {
-    fallback: /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_jsx_runtime140.Fragment, {
+  return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_react123.Suspense, {
+    fallback: /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(import_jsx_runtime142.Fragment, {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Glimmer, {
+        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Glimmer, {
           style: { height: "80px" },
           index: 0
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Glimmer, {
+        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Glimmer, {
           style: { width: "60%" },
           index: 1
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Glimmer, {
+        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Glimmer, {
           style: { width: "80%" },
           index: 2
         })
       ]
     }),
-    children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(LinkPreviewContent, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(LinkPreviewContent, {
       url
     })
   });
 }
-var import_react123, import_lexical7, import_LexicalComposerContext3, import_jsx_runtime140, PREVIEW_CACHE, URL_MATCHER2;
+var import_react123, import_lexical7, import_LexicalComposerContext3, import_jsx_runtime142, PREVIEW_CACHE, URL_MATCHER2;
 var init_LinkPreview = __esm({
   "src/rich-text-editor/ui/LinkPreview.tsx"() {
     "use strict";
@@ -37453,7 +37453,7 @@ var init_LinkPreview = __esm({
     import_LexicalComposerContext3 = require("@lexical/react/LexicalComposerContext");
     init_button2();
     init_i18n();
-    import_jsx_runtime140 = require("react/jsx-runtime");
+    import_jsx_runtime142 = require("react/jsx-runtime");
     PREVIEW_CACHE = {};
     URL_MATCHER2 = /((https?:\/\/(www\.)?)|(www\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
   }
@@ -37659,42 +37659,42 @@ function FloatingLinkEditor({
       inputRef.current.focus();
     }
   }, [isEditMode]);
-  return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", {
     ref: editorRef,
     className: "c-rte-link-editor",
     "data-testid": "rich-text-link-editor",
-    children: isEditMode ? /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", {
+    children: isEditMode ? /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", {
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", {
           className: "c-rte-link-editor-input-group",
-          children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(InputWithLabel, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(InputWithLabel, {
             label: tr("linkEditorLink"),
             type: "text",
             value: linkUrl,
             onChange: (e) => setLinkUrl(e.target.value)
           })
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", {
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", {
           className: "c-rte-link-editor-input-group",
-          children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(InputWithLabel, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(InputWithLabel, {
             label: tr("linkEditorRel"),
             type: "text",
             value: rel ?? "",
             onChange: (e) => setRel(e.target.value)
           })
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", {
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", {
           className: "c-rte-link-editor-input-group",
-          children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(InputWithLabel, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(InputWithLabel, {
             label: tr("linkEditorTarget"),
             type: "text",
             value: target ?? "",
             onChange: (e) => setTarget(e.target.value)
           })
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", {
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", {
           className: "c-rte-link-editor-button-wrap",
-          children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Button, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Button, {
             "data-testid": "link-editor-save-button",
             onClick: () => {
               if (lastSelection !== null) {
@@ -37712,28 +37712,28 @@ function FloatingLinkEditor({
           })
         })
       ]
-    }) : /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(import_jsx_runtime141.Fragment, {
+    }) : /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(import_jsx_runtime143.Fragment, {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", {
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", {
           className: "c-rte-link-editor-link-input",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", {
               className: "c-rte-link-editor-link-preview",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("a", {
+                /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("a", {
                   href: linkUrl,
                   target: "_blank",
                   rel: "noopener noreferrer",
                   children: linkUrl
                 }),
-                rel || target ? /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", {
+                rel || target ? /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", {
                   className: "c-rte-link-editor-preview-attrs",
                   children: [
-                    rel && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", {
+                    rel && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", {
                       className: "c-rte-link-editor-preview-attr",
                       children: rel
                     }),
-                    target && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", {
+                    target && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", {
                       className: "c-rte-link-editor-preview-attr",
                       children: target
                     })
@@ -37741,21 +37741,21 @@ function FloatingLinkEditor({
                 }) : null
               ]
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", {
-              children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(IconButton, {
+            /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", {
+              children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(IconButton, {
                 size: "sm",
                 tabIndex: 0,
                 onMouseDown: (event) => event.preventDefault(),
                 onClick: () => setEditMode(true),
                 "aria-label": tr("linkEditorEdit"),
                 "data-testid": "link-editor-edit",
-                children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Icon.Edit, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Icon.Edit, {})
               })
             })
           ]
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", {
-          children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(LinkPreview, {
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", {
+          children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(LinkPreview, {
             url: linkUrl
           })
         })
@@ -37791,7 +37791,7 @@ function useFloatingLinkEditorToolbar(editor, anchorElem) {
     );
   }, [editor, updateToolbar]);
   return isLink ? (0, import_react_dom3.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(FloatingLinkEditor, {
+    /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(FloatingLinkEditor, {
       editor: activeEditor,
       isLink,
       anchorElem,
@@ -37806,7 +37806,7 @@ function FloatingLinkEditorPlugin({
   const [editor] = (0, import_LexicalComposerContext4.useLexicalComposerContext)();
   return useFloatingLinkEditorToolbar(editor, anchorElem);
 }
-var import_react124, React5, import_lexical8, import_react_dom3, import_link4, import_LexicalComposerContext4, import_utils, import_jsx_runtime141;
+var import_react124, React5, import_lexical8, import_react_dom3, import_link4, import_LexicalComposerContext4, import_utils, import_jsx_runtime143;
 var init_FloatingLinkEditorPlugin = __esm({
   "src/rich-text-editor/plugins/FloatingLinkEditorPlugin/index.tsx"() {
     "use strict";
@@ -37826,7 +37826,7 @@ var init_FloatingLinkEditorPlugin = __esm({
     init_getSelectedNode();
     init_setFloatingElemPosition();
     init_url();
-    import_jsx_runtime141 = require("react/jsx-runtime");
+    import_jsx_runtime143 = require("react/jsx-runtime");
   }
 });
 
@@ -37953,93 +37953,93 @@ function TextFormatFloatingToolbar({
     );
   }, [editor, updateTextFormatFloatingToolbar]);
   if (!editor.isEditable()) {
-    return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("span", {});
+    return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", {});
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", {
     ref: popupCharStylesEditorRef,
     className: "c-rte-floating-text-format-tb-plugin",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(IconButton, {
+      /* @__PURE__ */ (0, import_jsx_runtime144.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_runtime142.jsx)("i", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("i", {
           className: `c-rte-icon-bold c-rte-floating-text-format-tb-plugin__format-icon ${isBold ? "selected" : ""}`
         })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(IconButton, {
+      /* @__PURE__ */ (0, import_jsx_runtime144.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_runtime142.jsx)("i", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("i", {
           className: `c-rte-icon-italic c-rte-floating-text-format-tb-plugin__format-icon ${isItalic ? "selected" : ""}`
         })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(IconButton, {
+      /* @__PURE__ */ (0, import_jsx_runtime144.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_runtime142.jsx)("i", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("i", {
           className: `c-rte-icon-underline c-rte-floating-text-format-tb-plugin__format-icon ${isUnderline ? "selected" : ""}`
         })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(IconButton, {
+      /* @__PURE__ */ (0, import_jsx_runtime144.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_runtime142.jsx)("i", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("i", {
           className: `c-rte-icon-code c-rte-floating-text-format-tb-plugin__format-icon ${isCode ? "selected" : ""}`
         })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(IconButton, {
+      /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(IconButton, {
         style: { padding: 0, overflow: "hidden" },
         onClick: insertLink,
         "aria-label": tr("actionInsertlink"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("i", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("i", {
           className: `c-rte-icon-link c-rte-floating-text-format-tb-plugin__format-icon ${isLink ? "selected" : ""}`
         })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(IconButton, {
+      /* @__PURE__ */ (0, import_jsx_runtime144.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_runtime142.jsx)("i", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("i", {
           className: `c-rte-icon-strikethrough c-rte-floating-text-format-tb-plugin__format-icon ${isStrikethrough ? "selected" : ""}`
         })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(IconButton, {
+      /* @__PURE__ */ (0, import_jsx_runtime144.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_runtime142.jsx)("i", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("i", {
           className: `c-rte-icon-subscript c-rte-floating-text-format-tb-plugin__format-icon ${isSubscript ? "selected" : ""}`
         })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(IconButton, {
+      /* @__PURE__ */ (0, import_jsx_runtime144.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_runtime142.jsx)("i", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("i", {
           className: `c-rte-icon-superscript c-rte-floating-text-format-tb-plugin__format-icon ${isSuperscript ? "selected" : ""}`
         })
       })
@@ -38114,7 +38114,7 @@ function useFloatingTextFormatToolbar(editor, anchorElem) {
     return null;
   }
   return (0, import_react_dom4.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(TextFormatFloatingToolbar, {
+    /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(TextFormatFloatingToolbar, {
       editor,
       anchorElem,
       isLink,
@@ -38135,7 +38135,7 @@ function FloatingTextFormatToolbarPlugin({
   const [editor] = (0, import_LexicalComposerContext5.useLexicalComposerContext)();
   return useFloatingTextFormatToolbar(editor, anchorElem);
 }
-var import_react125, React6, import_lexical9, import_react_dom4, import_code8, import_link5, import_LexicalComposerContext5, import_utils2, import_jsx_runtime142;
+var import_react125, React6, import_lexical9, import_react_dom4, import_code8, import_link5, import_LexicalComposerContext5, import_utils2, import_jsx_runtime144;
 var init_FloatingTextFormatToolbarPlugin = __esm({
   "src/rich-text-editor/plugins/FloatingTextFormatToolbarPlugin/index.tsx"() {
     "use strict";
@@ -38154,24 +38154,24 @@ var init_FloatingTextFormatToolbarPlugin = __esm({
     init_getDOMRangeRect();
     init_getSelectedNode();
     init_setFloatingElemPosition();
-    import_jsx_runtime142 = require("react/jsx-runtime");
+    import_jsx_runtime144 = require("react/jsx-runtime");
   }
 });
 
 // src/rich-text-editor/plugins/LinkPlugin/index.tsx
 function LinkPlugin() {
-  return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_LexicalLinkPlugin.LinkPlugin, {
+  return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_LexicalLinkPlugin.LinkPlugin, {
     validateUrl
   });
 }
-var React7, import_LexicalLinkPlugin, import_jsx_runtime143;
+var React7, import_LexicalLinkPlugin, import_jsx_runtime145;
 var init_LinkPlugin = __esm({
   "src/rich-text-editor/plugins/LinkPlugin/index.tsx"() {
     "use strict";
     React7 = require("react");
     import_LexicalLinkPlugin = require("@lexical/react/LexicalLinkPlugin");
     init_url();
-    import_jsx_runtime143 = require("react/jsx-runtime");
+    import_jsx_runtime145 = require("react/jsx-runtime");
   }
 });
 
@@ -38512,46 +38512,46 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
       clearTableSelection();
     });
   }, [editor, tableCellNode, clearTableSelection]);
-  return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(import_jsx_runtime144.Fragment, {
+  return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(import_jsx_runtime146.Fragment, {
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(DropdownMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DropdownMenu.Item, {
         onSelect: () => insertTableRowAtSelection(false),
         children: tr("actionTableInsertRowsAbove", selectionCounts.rows)
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(DropdownMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DropdownMenu.Item, {
         onSelect: () => insertTableRowAtSelection(true),
         children: tr("actionTableInsertRowsBelow", selectionCounts.rows)
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(DropdownMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DropdownMenu.Item, {
         onSelect: () => insertTableColumnAtSelection(false),
         children: tr("actionTableInsertColumnsBefore", selectionCounts.columns)
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(DropdownMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DropdownMenu.Item, {
         onSelect: () => insertTableColumnAtSelection(true),
         children: tr("actionTableInsertColumnsAfter", selectionCounts.columns)
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(DropdownMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DropdownMenu.Item, {
         onSelect: () => toggleTableRowIsHeader(),
         children: tr(
           (tableCellNode.__headerState & import_table4.TableCellHeaderStates.ROW) === import_table4.TableCellHeaderStates.ROW ? "actionTableRemoveRowHeader" : "actionTableAddRowHeader"
         )
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(DropdownMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DropdownMenu.Item, {
         onSelect: () => toggleTableColumnIsHeader(),
         children: tr(
           (tableCellNode.__headerState & import_table4.TableCellHeaderStates.COLUMN) === import_table4.TableCellHeaderStates.COLUMN ? "actionTableRemoveColumnHeader" : "actionTableAddColumnHeader"
         )
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(DropdownMenu.Separator, {}),
-      tableStats.columns > 1 && /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(DropdownMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DropdownMenu.Separator, {}),
+      tableStats.columns > 1 && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DropdownMenu.Item, {
         onSelect: () => deleteTableColumnAtSelection(),
         children: tr("actionTableDeleteColumn")
       }),
-      tableStats.rows > 1 && /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(DropdownMenu.Item, {
+      tableStats.rows > 1 && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DropdownMenu.Item, {
         onSelect: () => deleteTableRowAtSelection(),
         children: tr("actionTableDeleteRow")
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(DropdownMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DropdownMenu.Item, {
         onSelect: () => deleteTableAtSelection(),
         children: tr("actionTableDeleteTable")
       })
@@ -38633,19 +38633,19 @@ function TableCellActionMenuContainer({ anchorElem }) {
       }
     }
   }, [menuButtonRef, tableCellNode, editor, anchorElem]);
-  return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", {
     className: "c-rte-table-cell-action-button-container",
     ref: menuButtonRef,
-    children: tableCellNode != null && /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(DropdownMenu.Root, {
+    children: tableCellNode != null && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DropdownMenu.Root, {
       onOpenChange: (isOpen) => setIsMenuOpen(isOpen),
-      content: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(TableActionMenu, {
+      content: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(TableActionMenu, {
         tableCellNode,
         tableStats
       }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(IconButton, {
+      children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(IconButton, {
         size: "xs",
         "aria-label": tr("actionTableOpenOptions"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(Icon.Arrow, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Icon.Arrow, {})
       })
     })
   });
@@ -38654,11 +38654,11 @@ function TableActionMenuPlugin({
   anchorElem = document.body
 }) {
   const isEditable = (0, import_useLexicalEditable.default)();
-  return (0, import_react_dom5.createPortal)(isEditable ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(TableCellActionMenuContainer, {
+  return (0, import_react_dom5.createPortal)(isEditable ? /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(TableCellActionMenuContainer, {
     anchorElem
   }) : null, anchorElem);
 }
-var import_react129, import_lexical13, import_react_dom5, import_LexicalComposerContext9, import_useLexicalEditable, import_table4, import_jsx_runtime144;
+var import_react129, import_lexical13, import_react_dom5, import_LexicalComposerContext9, import_useLexicalEditable, import_table4, import_jsx_runtime146;
 var init_TableActionMenuPlugin = __esm({
   "src/rich-text-editor/plugins/TableActionMenuPlugin/index.tsx"() {
     "use strict";
@@ -38672,7 +38672,7 @@ var init_TableActionMenuPlugin = __esm({
     init_icon_button2();
     init_iconography();
     init_i18n();
-    import_jsx_runtime144 = require("react/jsx-runtime");
+    import_jsx_runtime146 = require("react/jsx-runtime");
   }
 });
 
@@ -38688,19 +38688,19 @@ async function copyJson(editor) {
 function ActionsPlugin({ append, prepend, disabled }) {
   const [editor] = (0, import_LexicalComposerContext10.useLexicalComposerContext)();
   const tr = useTr();
-  return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(ActionMenu, {
+  return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(ActionMenu, {
     children: [
-      !prepend ? null : prepend.map((actionItem) => /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(ActionMenu.Item, {
+      !prepend ? null : prepend.map((actionItem) => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(ActionMenu.Item, {
         onSelect: actionItem.action,
         className: actionItem.type === "danger" ? "danger" : "",
         disabled: actionItem.disabled,
         children: actionItem.title
       }, actionItem.title)),
-      /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(ActionMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(ActionMenu.Item, {
         onSelect: () => copyJson(editor),
         children: tr("actionCopyJSON")
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(ActionMenu.Item, {
+      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(ActionMenu.Item, {
         disabled,
         className: "danger",
         onSelect: () => {
@@ -38709,7 +38709,7 @@ function ActionsPlugin({ append, prepend, disabled }) {
         },
         children: tr("actionClear")
       }),
-      !append ? null : append.map((actionItem) => /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(ActionMenu.Item, {
+      !append ? null : append.map((actionItem) => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(ActionMenu.Item, {
         onSelect: actionItem.action,
         className: actionItem.type === "danger" ? "danger" : "",
         disabled: actionItem.disabled,
@@ -38718,7 +38718,7 @@ function ActionsPlugin({ append, prepend, disabled }) {
     ]
   });
 }
-var import_lexical14, import_LexicalComposerContext10, import_jsx_runtime145;
+var import_lexical14, import_LexicalComposerContext10, import_jsx_runtime147;
 var init_ActionsPlugin = __esm({
   "src/rich-text-editor/plugins/ActionsPlugin/index.tsx"() {
     "use strict";
@@ -38727,7 +38727,7 @@ var init_ActionsPlugin = __esm({
     init_action_menu2();
     init_i18n();
     init_lexical_to_crystallize();
-    import_jsx_runtime145 = require("react/jsx-runtime");
+    import_jsx_runtime147 = require("react/jsx-runtime");
   }
 });
 
@@ -38749,13 +38749,13 @@ function InsertTableDialog({ activeEditor }) {
       }
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", {
     className: "c-rte-insert-table",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", {
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", {
         className: "c-rte-insert-table__dimensions",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(InputWithLabel, {
+          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(InputWithLabel, {
             label: tr("insertTableRows"),
             value: rows,
             placeholder: "0",
@@ -38763,10 +38763,10 @@ function InsertTableDialog({ activeEditor }) {
             inputMode: "numeric",
             onChange: (e) => setRows(e.target.value)
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", {
+          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("span", {
             className: "c-rte-insert-table__dimensions__separator"
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(InputWithLabel, {
+          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(InputWithLabel, {
             type: "text",
             label: tr("insertTableColumns"),
             placeholder: "0",
@@ -38776,9 +38776,9 @@ function InsertTableDialog({ activeEditor }) {
           })
         ]
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", {
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", {
         className: "c-rte-insert-table__actions",
-        children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Button, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(Button, {
           as: Dialog.Close,
           size: "sm",
           intent: "action",
@@ -38790,7 +38790,7 @@ function InsertTableDialog({ activeEditor }) {
     ]
   });
 }
-var import_react130, import_table5, import_jsx_runtime146;
+var import_react130, import_table5, import_jsx_runtime148;
 var init_insert_table = __esm({
   "src/rich-text-editor/plugins/ToolbarPlugin/insert-table.tsx"() {
     "use strict";
@@ -38800,7 +38800,7 @@ var init_insert_table = __esm({
     init_dialog2();
     init_input_with_label2();
     init_i18n();
-    import_jsx_runtime146 = require("react/jsx-runtime");
+    import_jsx_runtime148 = require("react/jsx-runtime");
   }
 });
 
@@ -38889,80 +38889,80 @@ function BlockFormatDropDown({
       });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(DropdownMenu.Root, {
+  return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(DropdownMenu.Root, {
     disabled,
     style: { zIndex: 1 },
-    content: /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(import_jsx_runtime147.Fragment, {
+    content: /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(import_jsx_runtime149.Fragment, {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(DropdownMenu.Item, {
+        /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(DropdownMenu.Item, {
           onClick: formatParagraph,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("i", {
+            /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("i", {
               className: `c-rte-icon-paragraph c-rte-toolbar__block-format__icon ${blockType === "paragraph" ? "selected" : ""}`
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", {
+            /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", {
               className: `c-rte-toolbar__block-format__text ${blockType === "paragraph" ? "selected" : ""}`,
               children: "Normal"
             })
           ]
         }),
-        headings.map((headingSize) => /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(DropdownMenu.Item, {
+        headings.map((headingSize) => /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(DropdownMenu.Item, {
           onClick: () => formatHeading(headingSize),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("i", {
+            /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("i", {
               className: `c-rte-icon-${headingSize} c-rte-toolbar__block-format__icon ${blockType === headingSize ? "selected" : ""}`
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", {
+            /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", {
               className: `c-rte-toolbar__block-format__text ${blockType === headingSize ? "selected" : ""}`,
               children: headingTypeToBlockName[headingSize]
             })
           ]
         }, headingSize)),
-        /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(DropdownMenu.Item, {
+        /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(DropdownMenu.Item, {
           onClick: formatBulletList,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("i", {
+            /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("i", {
               className: `c-rte-icon-bullet-list c-rte-toolbar__block-format__icon ${blockType === "bullet" ? "selected" : ""}`
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", {
+            /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", {
               className: `c-rte-toolbar__block-format__text ${blockType === "bullet" ? "selected" : ""}`,
               children: "Bullet List"
             })
           ]
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(DropdownMenu.Item, {
+        /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(DropdownMenu.Item, {
           onClick: formatNumberedList,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("i", {
+            /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("i", {
               className: `c-rte-icon-numbered-list c-rte-toolbar__block-format__icon ${blockType === "number" ? "selected" : ""}`
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", {
+            /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", {
               className: `c-rte-toolbar__block-format__text ${blockType === "number" ? "selected" : ""}`,
               children: "Numbered List"
             })
           ]
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(DropdownMenu.Item, {
+        /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(DropdownMenu.Item, {
           onClick: formatQuote,
           "data-testid": "toggle-block-format-quote",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("i", {
+            /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("i", {
               className: `c-rte-icon-quote c-rte-toolbar__block-format__icon ${blockType === "quote" ? "selected" : ""}`
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", {
+            /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", {
               className: `c-rte-toolbar__block-format__text ${blockType === "quote" ? "selected" : ""}`,
               children: "Quote"
             })
           ]
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(DropdownMenu.Item, {
+        /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(DropdownMenu.Item, {
           onClick: formatCode,
           "data-testid": "toggle-block-format-code",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("i", {
+            /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("i", {
               className: `icon c-rte-icon-code c-rte-toolbar__block-format__icon ${blockType === "code" ? "selected" : ""}`
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", {
+            /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", {
               className: `c-rte-toolbar__block-format__text ${blockType === "code" ? "selected" : ""}`,
               children: "Code block"
             })
@@ -38970,21 +38970,21 @@ function BlockFormatDropDown({
         })
       ]
     }),
-    children: /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(Button, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime149.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_runtime147.jsx)("i", {
+        /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("i", {
           className: `c-rte-toolbar__toggle-icon c-rte-icon-${blockType}`
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Icon.Arrow, {})
+        /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Icon.Arrow, {})
       ]
     })
   });
 }
 function Divider() {
-  return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", {
     className: "c-rte-toolbar__divider"
   });
 }
@@ -39134,13 +39134,13 @@ function ToolbarPlugin({
     },
     [activeEditor, selectedElementKey]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", {
     className: "c-rte-toolbar",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", {
+      /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", {
         className: "c-rte-toolbar__inner",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(IconButton, {
+          /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(IconButton, {
             disabled: !canUndo || !isEditable,
             onClick: () => {
               activeEditor.dispatchCommand(import_lexical15.UNDO_COMMAND, void 0);
@@ -39149,12 +39149,12 @@ function ToolbarPlugin({
             title: tr(IS_APPLE ? "actionUndoTitleApple" : "actionUndoTitle"),
             "aria-label": tr("actionUndoLabel"),
             "data-testid": "rich-text-undo-button",
-            children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("i", {
+            children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("i", {
               className: `c-rte-icon-undo c-rte-toolbar__icon ${!canUndo ? "disabled" : ""}
         `
             })
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(IconButton, {
+          /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(IconButton, {
             disabled: !canRedo || !isEditable,
             onClick: () => {
               activeEditor.dispatchCommand(import_lexical15.REDO_COMMAND, void 0);
@@ -39162,51 +39162,51 @@ function ToolbarPlugin({
             type: "button",
             title: tr(IS_APPLE ? "actionRedoTitleApple" : "actionRedoTitle"),
             "aria-label": tr("actionRedoLabel"),
-            children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("i", {
+            children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("i", {
               className: `c-rte-icon-redo c-rte-toolbar__icon ${!canRedo ? "disabled" : ""}`
             })
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Divider, {}),
-          blockType in blockTypeToBlockName && activeEditor === editor && /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(import_jsx_runtime147.Fragment, {
+          /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Divider, {}),
+          blockType in blockTypeToBlockName && activeEditor === editor && /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(import_jsx_runtime149.Fragment, {
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(BlockFormatDropDown, {
+              /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(BlockFormatDropDown, {
                 disabled: !isEditable,
                 blockType,
                 editor
               }),
-              /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Divider, {})
+              /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Divider, {})
             ]
           }),
-          blockType === "code" ? /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_jsx_runtime147.Fragment, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(DropdownMenu.Root, {
+          blockType === "code" ? /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(import_jsx_runtime149.Fragment, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(DropdownMenu.Root, {
               disabled: !isEditable,
               style: { zIndex: 1 },
-              content: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_jsx_runtime147.Fragment, {
+              content: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(import_jsx_runtime149.Fragment, {
                 children: CODE_LANGUAGE_OPTIONS.map(([value, name]) => {
-                  return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(DropdownMenu.Item, {
+                  return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(DropdownMenu.Item, {
                     className: `item ${dropDownActiveClass(value === codeLanguage)}`,
                     onClick: () => onCodeLanguageSelect(value),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", {
                       className: `c-rte-toolbar__code-lang__sel-item ${dropDownActiveClass(value === codeLanguage) ? "selected" : ""}`,
                       children: name
                     })
                   }, value);
                 })
               }),
-              children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Button, {
+              children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Button, {
                 "aria-label": tr("codeSelectLanguage"),
-                append: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Icon.Arrow, {}),
-                children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", {
+                append: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Icon.Arrow, {}),
+                children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", {
                   className: "c-rte-toolbar__code-lang__button-text",
                   children: (0, import_code9.getLanguageFriendlyName)(codeLanguage)
                 })
               })
             })
-          }) : /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Dialog, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", {
+          }) : /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Dialog, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", {
               className: "c-rte-toolbar__actions-rest",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(IconButton, {
+                /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(IconButton, {
                   disabled: !isEditable,
                   className: `c-rte-toolbar__icon-btn ${isBold ? "selected" : ""}`,
                   type: "button",
@@ -39216,11 +39216,11 @@ function ToolbarPlugin({
                   onClick: () => {
                     activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "bold");
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("i", {
+                  children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("i", {
                     className: `c-rte-toolbar__icon-btn__icon c-rte-icon-bold`
                   })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(IconButton, {
+                /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(IconButton, {
                   className: `c-rte-toolbar__icon-btn ${isItalic ? "selected" : ""}`,
                   disabled: !isEditable,
                   onClick: () => {
@@ -39230,11 +39230,11 @@ function ToolbarPlugin({
                   title: tr(IS_APPLE ? "actionFormatAsEmphasizedTitleApple" : "actionFormatAsEmphasizedTitle"),
                   "aria-label": tr("actionFormatAsEmphasizedLabel"),
                   "data-testid": "toggle-format-emphasized",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("i", {
+                  children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("i", {
                     className: `c-rte-toolbar__icon-btn__icon c-rte-icon-italic`
                   })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(IconButton, {
+                /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(IconButton, {
                   className: `c-rte-toolbar__icon-btn ${isUnderline ? "selected" : ""}`,
                   disabled: !isEditable,
                   onClick: () => {
@@ -39244,11 +39244,11 @@ function ToolbarPlugin({
                   title: tr(IS_APPLE ? "actionFormatAsUnderlinedTitleApple" : "actionFormatAsUnderlinedTitle"),
                   "aria-label": tr("actionFormatAsUnderlinedLabel"),
                   "data-testid": "toggle-format-underlined",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("i", {
+                  children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("i", {
                     className: `c-rte-toolbar__icon-btn__icon c-rte-icon-underline`
                   })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(IconButton, {
+                /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(IconButton, {
                   className: `c-rte-toolbar__icon-btn ${isCode ? "selected" : ""}`,
                   disabled: !isEditable,
                   onClick: () => {
@@ -39258,82 +39258,82 @@ function ToolbarPlugin({
                   title: tr("actionInsertCodeBlock"),
                   "aria-label": tr("actionInsertCodeBlock"),
                   "data-testid": "toggle-format-code",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("i", {
+                  children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("i", {
                     className: `c-rte-toolbar__icon-btn__icon c-rte-icon-code`
                   })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(IconButton, {
+                /* @__PURE__ */ (0, import_jsx_runtime149.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_runtime147.jsx)("i", {
+                  children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("i", {
                     className: `c-rte-toolbar__icon-btn__icon c-rte-icon-link`
                   })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(DropdownMenu.Root, {
+                /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(DropdownMenu.Root, {
                   disabled: !isEditable,
                   style: { zIndex: 1 },
-                  content: /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(import_jsx_runtime147.Fragment, {
+                  content: /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(import_jsx_runtime149.Fragment, {
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(DropdownMenu.Item, {
+                      /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(DropdownMenu.Item, {
                         disabled: !isEditable,
                         onClick: () => activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "strikethrough"),
                         title: tr("actionFormatWithStrikethroughTitle"),
                         "aria-label": tr("actionFormatWithStrikethroughLabel"),
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("i", {
+                          /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("i", {
                             className: `c-rte-icon-strikethrough c-rte-toolbar__dd-item__icon ${isStrikethrough ? "selected" : ""}`
                           }),
-                          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", {
+                          /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", {
                             className: `c-rte-toolbar__dd-item__text ${isStrikethrough ? "selected" : ""}`,
                             children: tr("actionFormatWithStrikethroughTitle")
                           })
                         ]
                       }),
-                      /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(DropdownMenu.Item, {
+                      /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(DropdownMenu.Item, {
                         disabled: !isEditable,
                         onClick: () => activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "subscript"),
                         title: tr("actionFormatWithSubscriptTitle"),
                         "aria-label": tr("actionFormatWithSubscriptLabel"),
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("i", {
+                          /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("i", {
                             className: `c-rte-icon-subscript c-rte-toolbar__dd-item__icon ${isSubscript ? "selected" : ""}`
                           }),
-                          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", {
+                          /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", {
                             className: `c-rte-toolbar__dd-item__text ${isSubscript ? "selected" : ""}`,
                             children: tr("actionFormatWithSubscriptTitle")
                           })
                         ]
                       }),
-                      /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(DropdownMenu.Item, {
+                      /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(DropdownMenu.Item, {
                         disabled: !isEditable,
                         onClick: () => activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "superscript"),
                         title: tr("actionFormatWithSuperscriptTitle"),
                         "aria-label": tr("actionFormatWithSuperscriptLabel"),
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("i", {
+                          /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("i", {
                             className: `c-rte-icon-superscript c-rte-toolbar__dd-item__icon ${isSuperscript ? "selected" : ""}`
                           }),
-                          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", {
+                          /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", {
                             className: `c-rte-toolbar__dd-item__text ${isSuperscript ? "selected" : ""}`,
                             children: tr("actionFormatWithSuperscriptTitle")
                           })
                         ]
                       }),
-                      /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(DropdownMenu.Item, {
+                      /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(DropdownMenu.Item, {
                         disabled: !isEditable,
                         onClick: clearFormatting,
                         className: "item",
                         title: tr("actionClearTextFormatting"),
                         "aria-label": tr("actionClearTextFormatting"),
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("i", {
+                          /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("i", {
                             className: "c-rte-icon-clear c-rte-toolbar__dd-item__icon"
                           }),
-                          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", {
+                          /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", {
                             className: "c-rte-toolbar__dd-item__text--clear",
                             children: tr("actionFormatClear")
                           })
@@ -39341,47 +39341,47 @@ function ToolbarPlugin({
                       })
                     ]
                   }),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(Button, {
+                  children: /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(Button, {
                     style: { backgroundColor: "transparent", padding: "0 8px" },
                     "aria-label": tr("actionTextFormattingOptions"),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("i", {
+                      /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("i", {
                         className: `c-rte-icon-dropdown-more c-rte-toolbar__toggle-icon`
                       }),
-                      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Icon.Arrow, {})
+                      /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Icon.Arrow, {})
                     ]
                   })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Divider, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(DropdownMenu.Root, {
+                /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Divider, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(DropdownMenu.Root, {
                   style: { zIndex: 1 },
                   disabled: !isEditable,
-                  content: /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(import_jsx_runtime147.Fragment, {
+                  content: /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(import_jsx_runtime149.Fragment, {
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(DropdownMenu.Item, {
+                      /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(DropdownMenu.Item, {
                         onClick: () => {
                           activeEditor.dispatchCommand(import_LexicalHorizontalRuleNode4.INSERT_HORIZONTAL_RULE_COMMAND, void 0);
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("i", {
+                          /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("i", {
                             className: "c-rte-toolbar__dd-item__icon c-rte-icon-horizontal-rule"
                           }),
-                          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", {
+                          /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", {
                             className: "c-rte-toolbar__dd-item__text",
                             children: tr("horizontalRule")
                           })
                         ]
                       }),
-                      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(DropdownMenu.Item, {
-                        children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Dialog.Trigger, {
+                      /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(DropdownMenu.Item, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Dialog.Trigger, {
                           asChild: true,
-                          children: /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", {
+                          children: /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", {
                             className: "c-rte-toolbar__dd-item--table",
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("i", {
+                              /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("i", {
                                 className: "c-rte-toolbar__dd-item__icon c-rte-icon-table"
                               }),
-                              /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", {
+                              /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("span", {
                                 className: "c-rte-toolbar__dd-item__text",
                                 children: tr("table")
                               })
@@ -39391,21 +39391,21 @@ function ToolbarPlugin({
                       })
                     ]
                   }),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(IconButton, {
-                    children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("i", {
+                  children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(IconButton, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("i", {
                       className: "c-rte-icon-plus c-rte-toolbar__plus"
                     })
                   })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(Dialog.Content, {
+                /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(Dialog.Content, {
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Dialog.Title, {
+                    /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Dialog.Title, {
                       children: tr("insertTableTitle")
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Dialog.Description, {
+                    /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Dialog.Description, {
                       children: tr("insertTableDescription")
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(InsertTableDialog, {
+                    /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(InsertTableDialog, {
                       activeEditor
                     })
                   ]
@@ -39415,7 +39415,7 @@ function ToolbarPlugin({
           })
         ]
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(ActionsPlugin, {
+      /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(ActionsPlugin, {
         disabled,
         prepend: actionsMenuPrepend,
         append: actionsMenuAppend
@@ -39423,7 +39423,7 @@ function ToolbarPlugin({
     ]
   });
 }
-var import_react131, import_lexical15, import_code9, import_link6, import_list5, import_LexicalComposerContext11, import_LexicalDecoratorBlockNode, import_LexicalHorizontalRuleNode4, import_rich_text5, import_selection4, import_utils4, import_jsx_runtime147, headingTypeToBlockName, headings, blockTypeToBlockName, CODE_LANGUAGE_OPTIONS;
+var import_react131, import_lexical15, import_code9, import_link6, import_list5, import_LexicalComposerContext11, import_LexicalDecoratorBlockNode, import_LexicalHorizontalRuleNode4, import_rich_text5, import_selection4, import_utils4, import_jsx_runtime149, headingTypeToBlockName, headings, blockTypeToBlockName, CODE_LANGUAGE_OPTIONS;
 var init_ToolbarPlugin = __esm({
   "src/rich-text-editor/plugins/ToolbarPlugin/index.tsx"() {
     "use strict";
@@ -39449,7 +39449,7 @@ var init_ToolbarPlugin = __esm({
     init_url();
     init_ActionsPlugin();
     init_insert_table();
-    import_jsx_runtime147 = require("react/jsx-runtime");
+    import_jsx_runtime149 = require("react/jsx-runtime");
     headingTypeToBlockName = {
       h1: "Heading 1",
       h2: "Heading 2",
@@ -39599,7 +39599,7 @@ function RichTextEditor({
   labelTranslations,
   ...rest
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(import_LexicalComposer.LexicalComposer, {
+  return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_LexicalComposer.LexicalComposer, {
     initialConfig: {
       editable: !rest.disabled,
       namespace: "crystallize-rich-text-editor",
@@ -39610,13 +39610,13 @@ function RichTextEditor({
         throw error;
       }
     },
-    children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(I18nProvider, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(I18nProvider, {
       language,
       labelTranslations,
-      children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(SharedHistoryContext, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", {
+      children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(SharedHistoryContext, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("div", {
           className: "c-rich-text-editor",
-          children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(RichTextEditorWithoutContext, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(RichTextEditorWithoutContext, {
             ...rest
           })
         })
@@ -39638,7 +39638,7 @@ function RichTextEditorWithoutContext({
 }) {
   const editable = !disabled;
   const { historyState } = useSharedHistoryContext();
-  const placeholder = /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", {
+  const placeholder = /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("div", {
     className: "c-rte-placeholder",
     children: placeholderText ?? ""
   });
@@ -39661,38 +39661,38 @@ function RichTextEditorWithoutContext({
     }
     firstOnChangeTriggeredRef.current = true;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(import_jsx_runtime148.Fragment, {
+  return /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(import_jsx_runtime150.Fragment, {
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(import_LexicalOnChangePlugin.OnChangePlugin, {
+      /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_LexicalOnChangePlugin.OnChangePlugin, {
         onChange: onLocalChange,
         ignoreSelectionChange: true
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(ToolbarPlugin, {
+      /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(ToolbarPlugin, {
         disabled,
         actionsMenuPrepend,
         actionsMenuAppend
       }),
       slotPreContent,
-      /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", {
+      /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", {
         className: `c-rte-editor-container ${disabled ? "disabled" : ""}`,
         "data-testid": "rich-text-editor",
         children: [
-          maxLength != null ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(MaxLengthPlugin, {
+          maxLength != null ? /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(MaxLengthPlugin, {
             maxLength
           }) : null,
-          !autoFocus ? null : /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(import_LexicalAutoFocusPlugin.AutoFocusPlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(import_LexicalClearEditorPlugin.ClearEditorPlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(LexicalAutoLinkPlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(import_LexicalHistoryPlugin2.HistoryPlugin, {
+          !autoFocus ? null : /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_LexicalAutoFocusPlugin.AutoFocusPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_LexicalClearEditorPlugin.ClearEditorPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(LexicalAutoLinkPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_LexicalHistoryPlugin2.HistoryPlugin, {
             externalHistoryState: historyState
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(import_LexicalRichTextPlugin.RichTextPlugin, {
-            contentEditable: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", {
+          /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_LexicalRichTextPlugin.RichTextPlugin, {
+            contentEditable: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("div", {
               className: "c-rte-editor-scroller",
-              children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", {
+              children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("div", {
                 className: "c-rte-editor",
                 ref: onRef,
-                children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(import_LexicalContentEditable.ContentEditable, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_LexicalContentEditable.ContentEditable, {
                   className: "c-rte-contenteditable-root",
                   id
                 })
@@ -39701,28 +39701,28 @@ function RichTextEditorWithoutContext({
             placeholder,
             ErrorBoundary: import_LexicalErrorBoundary.default
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(CodeHighlightPlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(import_LexicalListPlugin.ListPlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(ListMaxIndentLevelPlugin, {
+          /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(CodeHighlightPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_LexicalListPlugin.ListPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(ListMaxIndentLevelPlugin, {
             maxDepth: 7
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(import_LexicalTablePlugin.TablePlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(LinkPlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(import_LexicalHorizontalRulePlugin.HorizontalRulePlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(TabFocusPlugin, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(import_LexicalTabIndentationPlugin.TabIndentationPlugin, {}),
-          floatingAnchorElem && /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(import_jsx_runtime148.Fragment, {
+          /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_LexicalTablePlugin.TablePlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(LinkPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_LexicalHorizontalRulePlugin.HorizontalRulePlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(TabFocusPlugin, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_LexicalTabIndentationPlugin.TabIndentationPlugin, {}),
+          floatingAnchorElem && /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(import_jsx_runtime150.Fragment, {
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(CodeActionMenuPlugin, {
+              /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(CodeActionMenuPlugin, {
                 anchorElem: floatingAnchorElem
               }),
-              /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(FloatingLinkEditorPlugin, {
+              /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(FloatingLinkEditorPlugin, {
                 anchorElem: floatingAnchorElem
               }),
-              /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(TableActionMenuPlugin, {
+              /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(TableActionMenuPlugin, {
                 anchorElem: floatingAnchorElem
               }),
-              /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(FloatingTextFormatToolbarPlugin, {
+              /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(FloatingTextFormatToolbarPlugin, {
                 anchorElem: floatingAnchorElem
               })
             ]
@@ -39732,7 +39732,7 @@ function RichTextEditorWithoutContext({
     ]
   });
 }
-var import_react132, import_LexicalAutoFocusPlugin, import_LexicalClearEditorPlugin, import_LexicalComposer, import_LexicalErrorBoundary, import_LexicalHistoryPlugin2, import_LexicalHorizontalRulePlugin, import_LexicalListPlugin, import_LexicalOnChangePlugin, import_LexicalRichTextPlugin, import_LexicalTabIndentationPlugin, import_LexicalTablePlugin, import_LexicalComposerContext12, import_LexicalContentEditable, import_jsx_runtime148, rich_text_editor_default;
+var import_react132, import_LexicalAutoFocusPlugin, import_LexicalClearEditorPlugin, import_LexicalComposer, import_LexicalErrorBoundary, import_LexicalHistoryPlugin2, import_LexicalHorizontalRulePlugin, import_LexicalListPlugin, import_LexicalOnChangePlugin, import_LexicalRichTextPlugin, import_LexicalTabIndentationPlugin, import_LexicalTablePlugin, import_LexicalComposerContext12, import_LexicalContentEditable, import_jsx_runtime150, rich_text_editor_default;
 var init_rich_text_editor = __esm({
   "src/rich-text-editor/rich-text-editor.tsx"() {
     "use strict";
@@ -39769,7 +39769,7 @@ var init_rich_text_editor = __esm({
     init_TableActionMenuPlugin();
     init_ToolbarPlugin();
     init_CrystallizeRTEditorTheme();
-    import_jsx_runtime148 = require("react/jsx-runtime");
+    import_jsx_runtime150 = require("react/jsx-runtime");
     rich_text_editor_default = RichTextEditor;
   }
 });
@@ -39792,6 +39792,7 @@ __export(src_exports, {
   Input: () => Input,
   InputWithLabel: () => InputWithLabel,
   Label: () => Label2,
+  Popover: () => Popover,
   Progress: () => Progress,
   Radio: () => Radio,
   RichTextEditor: () => RichTextEditor2,
@@ -40005,15 +40006,80 @@ init_input_with_label2();
 init_input2();
 init_label2();
 
-// src/progress/progress.tsx
+// src/popover/popover.tsx
 var import_class_variance_authority17 = require("class-variance-authority");
-var ProgressPrimitives = __toESM(require("@radix-ui/react-progress"));
+var PopoverPrimitive2 = __toESM(require("@radix-ui/react-popover"));
+
+// src/popover/popover-close.tsx
+var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
+init_iconography();
 var import_jsx_runtime127 = require("react/jsx-runtime");
+function PopoverClose(props) {
+  const { asChild, children } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(PopoverPrimitive.Close, {
+    asChild,
+    className: "c-popover-close",
+    children: children ?? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Icon.Cancel, {
+      width: 16,
+      height: 16
+    })
+  });
+}
+
+// src/popover/popover.tsx
+var import_jsx_runtime128 = require("react/jsx-runtime");
+function Popover({
+  children,
+  closeButton,
+  content,
+  side,
+  open,
+  onOpenChange,
+  className,
+  container,
+  hasArrow = true,
+  ...delegatedContent
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(PopoverPrimitive2.Root, {
+    open,
+    onOpenChange,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(PopoverPrimitive2.Trigger, {
+        asChild: true,
+        children
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(PopoverPrimitive2.Portal, {
+        container,
+        children: /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(PopoverPrimitive2.Content, {
+          ...delegatedContent,
+          side,
+          className: (0, import_class_variance_authority17.cx)("c-popover-content", className),
+          children: [
+            !closeButton ? null : /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(PopoverClose, {
+              asChild: typeof closeButton !== "boolean",
+              children: typeof closeButton !== "boolean" ? closeButton : null
+            }),
+            hasArrow && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(PopoverPrimitive2.Arrow, {
+              className: "c-popover-arrow",
+              offset: 5
+            }),
+            content
+          ]
+        })
+      })
+    ]
+  });
+}
+
+// src/progress/progress.tsx
+var import_class_variance_authority18 = require("class-variance-authority");
+var ProgressPrimitives = __toESM(require("@radix-ui/react-progress"));
+var import_jsx_runtime129 = require("react/jsx-runtime");
 function Progress({ className, value }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(ProgressPrimitives.Root, {
-    className: (0, import_class_variance_authority17.cx)(className, "c-progress-root"),
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(ProgressPrimitives.Root, {
+    className: (0, import_class_variance_authority18.cx)(className, "c-progress-root"),
     value,
-    children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(ProgressPrimitives.Indicator, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(ProgressPrimitives.Indicator, {
       className: "c-progress-indicator",
       style: { transform: `translateX(-${100 - (value ?? 0)}%)` }
     })
@@ -40022,12 +40088,12 @@ function Progress({ className, value }) {
 
 // src/radio/radio.tsx
 var RadioGroupPrimitive2 = __toESM(require("@radix-ui/react-radio-group"));
-var import_jsx_runtime128 = require("react/jsx-runtime");
+var import_jsx_runtime130 = require("react/jsx-runtime");
 function RadioGroupItem(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(RadioGroupPrimitive2.Item, {
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(RadioGroupPrimitive2.Item, {
     ...props,
     className: "c-radio-item",
-    children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(RadioGroupPrimitive2.Indicator, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(RadioGroupPrimitive2.Indicator, {
       className: "c-radio-indicator"
     })
   });
@@ -40039,20 +40105,20 @@ var Radio = {
 
 // src/select/select-item.tsx
 var import_react114 = require("react");
-var import_class_variance_authority18 = require("class-variance-authority");
+var import_class_variance_authority19 = require("class-variance-authority");
 var SelectPrimitives = __toESM(require("@radix-ui/react-select"));
-var import_jsx_runtime129 = require("react/jsx-runtime");
+var import_jsx_runtime131 = require("react/jsx-runtime");
 var SelectItem = (0, import_react114.forwardRef)((props, ref) => {
   const { children, className, ...delegated } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(SelectPrimitives.Item, {
-    className: (0, import_class_variance_authority18.cx)("c-select-item", className),
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(SelectPrimitives.Item, {
+    className: (0, import_class_variance_authority19.cx)("c-select-item", className),
     ref,
     ...delegated,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(SelectPrimitives.ItemText, {
+      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(SelectPrimitives.ItemText, {
         children
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(SelectPrimitives.ItemIndicator, {})
+      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(SelectPrimitives.ItemIndicator, {})
     ]
   });
 });
@@ -40060,11 +40126,11 @@ SelectItem.displayName = "SelectItem";
 
 // src/select/select-root.tsx
 var import_react115 = require("react");
-var import_class_variance_authority19 = require("class-variance-authority");
+var import_class_variance_authority20 = require("class-variance-authority");
 var SelectPrimitives2 = __toESM(require("@radix-ui/react-select"));
 init_iconography();
-var import_jsx_runtime130 = require("react/jsx-runtime");
-var selectTriggerStyles = (0, import_class_variance_authority19.cva)("c-select-trigger", {
+var import_jsx_runtime132 = require("react/jsx-runtime");
+var selectTriggerStyles = (0, import_class_variance_authority20.cva)("c-select-trigger", {
   variants: {
     size: {
       xs: "c-select-trigger-xs",
@@ -40079,34 +40145,34 @@ var selectTriggerStyles = (0, import_class_variance_authority19.cva)("c-select-t
 });
 var SelectContainer = (0, import_react115.forwardRef)(
   ({ children, id, placeholder, disabled, size, triggerClassName, ...delegated }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(SelectPrimitives2.Root, {
+    return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(SelectPrimitives2.Root, {
       ...delegated,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(SelectPrimitives2.Trigger, {
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(SelectPrimitives2.Trigger, {
           ref,
           className: selectTriggerStyles({ size, className: triggerClassName }),
           disabled,
           id,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(SelectPrimitives2.Value, {
-              placeholder: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", {
+            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(SelectPrimitives2.Value, {
+              placeholder: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", {
                 className: "c-select-value",
                 children: placeholder ?? "Select..."
               })
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Icon.Arrow, {})
+            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Icon.Arrow, {})
           ]
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(SelectPrimitives2.Portal, {
-          children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(SelectPrimitives2.Content, {
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(SelectPrimitives2.Portal, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(SelectPrimitives2.Content, {
             className: "c-select-content",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(SelectPrimitives2.ScrollUpButton, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(SelectPrimitives2.Viewport, {
+              /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(SelectPrimitives2.ScrollUpButton, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(SelectPrimitives2.Viewport, {
                 className: "c-select-viewport",
                 children
               }),
-              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(SelectPrimitives2.ScrollDownButton, {})
+              /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(SelectPrimitives2.ScrollDownButton, {})
             ]
           })
         })
@@ -40124,22 +40190,22 @@ var Select = {
 
 // src/slider/slider.tsx
 var import_react116 = require("react");
-var import_class_variance_authority20 = require("class-variance-authority");
+var import_class_variance_authority21 = require("class-variance-authority");
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
-var import_jsx_runtime131 = require("react/jsx-runtime");
+var import_jsx_runtime133 = require("react/jsx-runtime");
 var Slider = (0, import_react116.forwardRef)(({ className, transparentRange, ...delegated }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(SliderPrimitive.Root, {
-    className: (0, import_class_variance_authority20.cx)("c-slider-root", className),
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(SliderPrimitive.Root, {
+    className: (0, import_class_variance_authority21.cx)("c-slider-root", className),
     ref,
     ...delegated,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(SliderPrimitive.Track, {
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(SliderPrimitive.Track, {
         className: "c-slider-track",
-        children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(SliderPrimitive.Range, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(SliderPrimitive.Range, {
           className: `c-slider-range ${transparentRange ? "c-slider-range-transparent" : ""}`
         })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(SliderPrimitive.Thumb, {
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(SliderPrimitive.Thumb, {
         className: "c-slider-thumb"
       })
     ]
@@ -40151,15 +40217,15 @@ init_spinner();
 
 // src/stack-icon/stack-icon.tsx
 init_iconography();
-var import_jsx_runtime132 = require("react/jsx-runtime");
+var import_jsx_runtime134 = require("react/jsx-runtime");
 function StackIcon({ type, children, size = 18 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("span", {
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("span", {
     className: "c-stack-icon",
     children: [
-      type === "create" && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", {
+      type === "create" && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", {
         style: { width: size, height: size },
         className: "c-stack-icon__icon",
-        children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Icon.Add, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Icon.Add, {
           width: size - 4,
           height: size - 4
         })
@@ -40170,10 +40236,10 @@ function StackIcon({ type, children, size = 18 }) {
 }
 
 // src/tag/tag.tsx
-var import_class_variance_authority21 = require("class-variance-authority");
+var import_class_variance_authority22 = require("class-variance-authority");
 init_iconography();
-var import_jsx_runtime133 = require("react/jsx-runtime");
-var tagStyles = (0, import_class_variance_authority21.cva)("c-tag", {
+var import_jsx_runtime135 = require("react/jsx-runtime");
+var tagStyles = (0, import_class_variance_authority22.cva)("c-tag", {
   variants: {
     variant: {
       default: "c-tag-default",
@@ -40202,28 +40268,28 @@ function Tag({
   showRemoveOnHover,
   ...delegated
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", {
     className: tagStyles({ className, variant, size }),
     ...delegated,
     children: [
-      !prepend ? null : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", {
+      !prepend ? null : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", {
         className: "c-tag__prepend",
         children: prepend
       }),
       children,
-      onRemove && /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("button", {
+      onRemove && /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("button", {
         type: "button",
-        className: (0, import_class_variance_authority21.cx)("c-tag__remove-button", showRemoveOnHover ? "c-tag__remove-button--hover" : ""),
+        className: (0, import_class_variance_authority22.cx)("c-tag__remove-button", showRemoveOnHover ? "c-tag__remove-button--hover" : ""),
         onClick: (e) => {
           e.stopPropagation();
           onRemove();
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Icon.Cancel, {
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Icon.Cancel, {
             width: 12,
             height: 12
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", {
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", {
             className: "c-tag__remove-button-text",
             children: "Remove"
           })
@@ -40235,12 +40301,12 @@ function Tag({
 
 // src/rich-text-editor/index.tsx
 var import_react133 = require("react");
-var import_jsx_runtime149 = require("react/jsx-runtime");
+var import_jsx_runtime151 = require("react/jsx-runtime");
 var LazyRichTextEditor = (0, import_react133.lazy)(() => Promise.resolve().then(() => (init_rich_text_editor(), rich_text_editor_exports)));
 var RichTextEditor2 = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(import_react133.Suspense, {
+  return /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(import_react133.Suspense, {
     fallback: null,
-    children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(LazyRichTextEditor, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(LazyRichTextEditor, {
       ...props
     })
   });
@@ -40250,12 +40316,12 @@ var RichTextEditor2 = (props) => {
 var import_sonner2 = require("sonner");
 
 // src/toast/toast.tsx
-var import_class_variance_authority22 = require("class-variance-authority");
+var import_class_variance_authority23 = require("class-variance-authority");
 var import_sonner = require("sonner");
 init_icon_button2();
 init_iconography();
-var import_jsx_runtime150 = require("react/jsx-runtime");
-var toastStyles = (0, import_class_variance_authority22.cva)("c-toast", {
+var import_jsx_runtime152 = require("react/jsx-runtime");
+var toastStyles = (0, import_class_variance_authority23.cva)("c-toast", {
   variants: {
     type: {
       info: "c-toast-info",
@@ -40279,34 +40345,34 @@ var toast = ({ title, message, type = "success", timeout = 6e3 }) => {
   const withMessage = !!message;
   const toastId = Date.now().toString();
   import_sonner.toast.custom(
-    (id) => /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", {
+    (id) => /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", {
       "data-testid": `toast-${type}`,
-      className: (0, import_class_variance_authority22.cx)(toastStyles({ type }), withMessage ? "c-toast-with-message" : "c-toast-title-only"),
+      className: (0, import_class_variance_authority23.cx)(toastStyles({ type }), withMessage ? "c-toast-with-message" : "c-toast-title-only"),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("div", {
-          children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(ToastIcon, {
+        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", {
+          children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(ToastIcon, {
             width: 26,
             height: 26
           })
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", {
+        /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", {
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", {
               className: "c-toast-title",
               children: title
             }),
-            !!message && /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("div", {
+            !!message && /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", {
               className: "c-toast-message",
               children: message
             })
           ]
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("div", {
+        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", {
           className: "c-toast-close",
-          children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(IconButton, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(IconButton, {
             onClick: () => import_sonner.toast.dismiss(id),
             size: "xs",
-            children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(Icon.Cancel, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Icon.Cancel, {
               width: 12,
               height: 12
             })
@@ -40328,10 +40394,10 @@ toast.dismiss = import_sonner.toast.dismiss;
 init_tooltip2();
 
 // src/switch/switch.tsx
-var import_class_variance_authority23 = require("class-variance-authority");
+var import_class_variance_authority24 = require("class-variance-authority");
 var RadixSwitch = __toESM(require("@radix-ui/react-switch"));
-var import_jsx_runtime151 = require("react/jsx-runtime");
-var switchStyles = (0, import_class_variance_authority23.cva)(["c-switch-root"], {
+var import_jsx_runtime153 = require("react/jsx-runtime");
+var switchStyles = (0, import_class_variance_authority24.cva)(["c-switch-root"], {
   variants: {
     size: {
       xs: "c-switch-root-xs",
@@ -40343,12 +40409,12 @@ var switchStyles = (0, import_class_variance_authority23.cva)(["c-switch-root"],
   }
 });
 function Switch2({ size, checked, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(RadixSwitch.Root, {
+  return /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(RadixSwitch.Root, {
     ...props,
     checked,
     className: switchStyles({ size }),
-    children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(RadixSwitch.Thumb, {
-      className: (0, import_class_variance_authority23.cx)("c-switch-thumb", checked === null ? "middle-position" : "")
+    children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(RadixSwitch.Thumb, {
+      className: (0, import_class_variance_authority24.cx)("c-switch-thumb", checked === null ? "middle-position" : "")
     })
   });
 }
@@ -40376,6 +40442,7 @@ var tokens = {
   Input,
   InputWithLabel,
   Label,
+  Popover,
   Progress,
   Radio,
   RichTextEditor,