rme 0.2.0 → 0.2.1

package/dist/index.mjs

@@ -22396,7 +22396,8 @@ import { Input as Input2, Space as Space2 } from "zens";
 import Color from "color";
 var darken = (color, amount) => Color(color).darken(amount).string();
 
-// src/editor/utils/getOS.ts
+// src/editor/utils/getOS.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
 function getOS() {
   const userAgent = window.navigator.userAgent;
   const platform2 = window.navigator.platform;
@@ -22408,15 +22409,19 @@ function getOS() {
     return "Unknown";
   }
 }
-function getModKeyName() {
+function getModKeyIconName() {
   const os = getOS();
-  return os === "macOS" ? "\u2318" : "Ctrl";
+  return os === "macOS" ? /* @__PURE__ */ jsx14("i", { className: "ri-command-line" }) : "Ctrl";
+}
+function getModEventKey() {
+  const os = getOS();
+  return os === "macOS" ? "metaKey" : "ctrlKey";
 }
 
 // src/editor/toolbar/SlashMenu/TablePanel.tsx
 import { forwardRef, useState as useState5, useImperativeHandle, memo as memo4 } from "react";
 import styled7 from "styled-components";
-import { jsx as jsx14, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs5 } from "react/jsx-runtime";
 var TablePanelCell = styled7.div.attrs((p) => p)`
   border: 1px solid ${(props) => props.theme.borderColor};
   margin-right: 1px;
@@ -22479,9 +22484,9 @@ var TablePanel = memo4(
         columnsCount
       ] }),
       Array.from({ length: displayRows }).map((_, i) => {
-        return /* @__PURE__ */ jsx14("div", { style: { display: "flex" }, children: Array.from({ length: displayCols }).map((_2, j) => {
+        return /* @__PURE__ */ jsx15("div", { style: { display: "flex" }, children: Array.from({ length: displayCols }).map((_2, j) => {
           const inScope = i < rowsCount && j < columnsCount;
-          return /* @__PURE__ */ jsx14(
+          return /* @__PURE__ */ jsx15(
             TablePanelCell,
             {
               inScope,
@@ -22504,7 +22509,7 @@ var TablePanel = memo4(
 var TablePanel_default = TablePanel;
 
 // src/editor/toolbar/SlashMenu/SlashMenuRoot.tsx
-import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx16, jsxs as jsxs6 } from "react/jsx-runtime";
 var SlashMenuRoot = memo5(
   ({ rootRef, commands, closeMenu }) => {
     const componentRefMap = useRef5({});
@@ -22536,7 +22541,7 @@ var SlashMenuRoot = memo5(
           },
           Renderer: {
             id: "table",
-            Component: /* @__PURE__ */ jsx15(
+            Component: /* @__PURE__ */ jsx16(
               TablePanel_default,
               {
                 ref: (el) => componentRefMap.current.table = el,
@@ -22678,7 +22683,7 @@ var SlashMenuRoot = memo5(
         if (event.key === "Escape") {
           return closeMenu();
         }
-        if (searchText && event.metaKey === false) {
+        if (searchText && event[getModEventKey()] === false) {
           return;
         }
         if (activeItemId) {
@@ -22732,7 +22737,7 @@ var SlashMenuRoot = memo5(
       searchText
     ]);
     return /* @__PURE__ */ jsxs6("div", { ref: rootRef, style: { display: "flex", flexDirection: "column" }, children: [
-      /* @__PURE__ */ jsx15(SearchContainer, { children: /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx16(SearchContainer, { children: /* @__PURE__ */ jsx16(
         Input2,
         {
           type: "text",
@@ -22765,13 +22770,13 @@ var SlashMenuRoot = memo5(
         /* @__PURE__ */ jsxs6(MenuPanel, { active: true, location: "left", children: [
           filteredMenuItems.map((item) => {
             const selected = item.id === activeGroupId;
-            return /* @__PURE__ */ jsx15(
+            return /* @__PURE__ */ jsx16(
               MenuItem,
               {
                 onClick: () => setActiveGroupId(item.id),
                 selected,
                 children: /* @__PURE__ */ jsxs6(Space2, { size: 4, children: [
-                  /* @__PURE__ */ jsx15("i", { className: item.iconName }),
+                  /* @__PURE__ */ jsx16("i", { className: item.iconName }),
                   " ",
                   item.title
                 ] })
@@ -22779,11 +22784,11 @@ var SlashMenuRoot = memo5(
               item.id
             );
           }),
-          filteredMenuItems.length === 0 && /* @__PURE__ */ jsx15("div", { children: /* @__PURE__ */ jsx15("span", { children: t18("slashMenu.noResults") }) })
+          filteredMenuItems.length === 0 && /* @__PURE__ */ jsx16("div", { children: /* @__PURE__ */ jsx16("span", { children: t18("slashMenu.noResults") }) })
         ] }),
-        currentMenuItem?.children || currentMenuItem?.Renderer?.Component ? /* @__PURE__ */ jsx15(MenuPanel, { active: !!activeItemId, location: "right", children: currentMenuItem?.Renderer ? currentMenuItem.Renderer.Component : currentMenuItem?.children?.map((item) => {
+        currentMenuItem?.children || currentMenuItem?.Renderer?.Component ? /* @__PURE__ */ jsx16(MenuPanel, { active: !!activeItemId, location: "right", children: currentMenuItem?.Renderer ? currentMenuItem.Renderer.Component : currentMenuItem?.children?.map((item) => {
           const selected = item.id === activeItemId;
-          return /* @__PURE__ */ jsx15(
+          return /* @__PURE__ */ jsx16(
             MenuItem,
             {
               selected,
@@ -22801,10 +22806,10 @@ var SlashMenuRoot = memo5(
       /* @__PURE__ */ jsxs6(SlashMenuFooter, { children: [
         /* @__PURE__ */ jsxs6(Shortcut, { children: [
           searchText ? /* @__PURE__ */ jsxs6(Fragment5, { children: [
-            /* @__PURE__ */ jsx15("kbd", { children: getModKeyName() }),
-            /* @__PURE__ */ jsx15("span", { children: " + " })
+            /* @__PURE__ */ jsx16("kbd", { children: getModKeyIconName() }),
+            /* @__PURE__ */ jsx16("span", { children: " + " })
           ] }) : null,
-          /* @__PURE__ */ jsx15("kbd", { "aria-label": "Up Arrow", children: /* @__PURE__ */ jsxs6(
+          /* @__PURE__ */ jsx16("kbd", { "aria-label": "Up Arrow", children: /* @__PURE__ */ jsxs6(
             "svg",
             {
               width: "14",
@@ -22816,12 +22821,12 @@ var SlashMenuRoot = memo5(
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               children: [
-                /* @__PURE__ */ jsx15("path", { d: "m5 12 7-7 7 7" }),
-                /* @__PURE__ */ jsx15("path", { d: "M12 19V5" })
+                /* @__PURE__ */ jsx16("path", { d: "m5 12 7-7 7 7" }),
+                /* @__PURE__ */ jsx16("path", { d: "M12 19V5" })
               ]
             }
           ) }),
-          /* @__PURE__ */ jsx15("kbd", { "aria-label": "Down Arrow", children: /* @__PURE__ */ jsxs6(
+          /* @__PURE__ */ jsx16("kbd", { "aria-label": "Down Arrow", children: /* @__PURE__ */ jsxs6(
             "svg",
             {
               width: "14",
@@ -22833,13 +22838,13 @@ var SlashMenuRoot = memo5(
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               children: [
-                /* @__PURE__ */ jsx15("path", { d: "M12 5v14" }),
-                /* @__PURE__ */ jsx15("path", { d: "m19 12-7 7-7-7" })
+                /* @__PURE__ */ jsx16("path", { d: "M12 5v14" }),
+                /* @__PURE__ */ jsx16("path", { d: "m19 12-7 7-7-7" })
               ]
             }
           ) }),
           currentMenuItem?.children || currentMenuItem?.Renderer ? /* @__PURE__ */ jsxs6(Fragment5, { children: [
-            /* @__PURE__ */ jsx15("kbd", { "aria-label": "Left Arrow", children: /* @__PURE__ */ jsxs6(
+            /* @__PURE__ */ jsx16("kbd", { "aria-label": "Left Arrow", children: /* @__PURE__ */ jsxs6(
               "svg",
               {
                 width: "14",
@@ -22851,12 +22856,12 @@ var SlashMenuRoot = memo5(
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 children: [
-                  /* @__PURE__ */ jsx15("path", { d: "m12 19-7-7 7-7" }),
-                  /* @__PURE__ */ jsx15("path", { d: "M19 12H5" })
+                  /* @__PURE__ */ jsx16("path", { d: "m12 19-7-7 7-7" }),
+                  /* @__PURE__ */ jsx16("path", { d: "M19 12H5" })
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsx15("kbd", { "aria-label": "Right Arrow", children: /* @__PURE__ */ jsxs6(
+            /* @__PURE__ */ jsx16("kbd", { "aria-label": "Right Arrow", children: /* @__PURE__ */ jsxs6(
               "svg",
               {
                 width: "14",
@@ -22868,8 +22873,8 @@ var SlashMenuRoot = memo5(
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 children: [
-                  /* @__PURE__ */ jsx15("path", { d: "M5 12h14" }),
-                  /* @__PURE__ */ jsx15("path", { d: "m12 5 7 7-7 7" })
+                  /* @__PURE__ */ jsx16("path", { d: "M5 12h14" }),
+                  /* @__PURE__ */ jsx16("path", { d: "m12 5 7 7-7 7" })
                 ]
               }
             ) })
@@ -22878,10 +22883,10 @@ var SlashMenuRoot = memo5(
         ] }),
         /* @__PURE__ */ jsxs6(Shortcut, { children: [
           searchText ? /* @__PURE__ */ jsxs6(Fragment5, { children: [
-            /* @__PURE__ */ jsx15("kbd", { children: getModKeyName() }),
-            /* @__PURE__ */ jsx15("span", { children: " + " })
+            /* @__PURE__ */ jsx16("kbd", { children: getModKeyIconName() }),
+            /* @__PURE__ */ jsx16("span", { children: " + " })
           ] }) : null,
-          /* @__PURE__ */ jsx15("kbd", { "aria-label": "Enter", children: /* @__PURE__ */ jsxs6(
+          /* @__PURE__ */ jsx16("kbd", { "aria-label": "Enter", children: /* @__PURE__ */ jsxs6(
             "svg",
             {
               width: "14",
@@ -22893,8 +22898,8 @@ var SlashMenuRoot = memo5(
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               children: [
-                /* @__PURE__ */ jsx15("polyline", { points: "9 10 4 15 9 20" }),
-                /* @__PURE__ */ jsx15("path", { d: "M20 4v7a4 4 0 0 1-4 4H4" })
+                /* @__PURE__ */ jsx16("polyline", { points: "9 10 4 15 9 20" }),
+                /* @__PURE__ */ jsx16("path", { d: "M20 4v7a4 4 0 0 1-4 4H4" })
               ]
             }
           ) }),
@@ -22923,7 +22928,7 @@ var Shortcut = styled8.div`
     display: flex;
     justify-content: center;
     align-items: center;
-    font-size: 16px;
+    font-size: 12px;
   }
 `;
 var MenuPanel = styled8.div.attrs((p) => p)`
@@ -22975,7 +22980,7 @@ var MenuContainer = styled8.div`
 `;
 
 // src/editor/toolbar/SlashMenu/index.tsx
-import { Fragment as Fragment6, jsx as jsx16 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx17 } from "react/jsx-runtime";
 var SlashMenu = () => {
   const { view: editorView, getState, commands } = useRemirrorContext3({ autoUpdate: true });
   if (!editorView) {
@@ -23055,7 +23060,7 @@ var SlashMenu = () => {
       editorView.focus();
     }
   }, [editorView, menuState.open, slashMenuExtension.pluginKey]);
-  return /* @__PURE__ */ jsx16(Fragment6, { children: menuState.open ? /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(Fragment6, { children: menuState.open ? /* @__PURE__ */ jsx17(
     Container2,
     {
       ref: setPopperElement,
@@ -23063,7 +23068,7 @@ var SlashMenu = () => {
         ...styles.popper
       },
       ...attributes.popper,
-      children: /* @__PURE__ */ jsx16(SlashMenuRoot, { rootRef, commands, closeMenu })
+      children: /* @__PURE__ */ jsx17(SlashMenuRoot, { rootRef, commands, closeMenu })
     }
   ) : null });
 };
@@ -23091,7 +23096,7 @@ import {
 import { useCommands } from "@remirror/react";
 import styled10 from "styled-components";
 import { useTranslation as useTranslation2 } from "react-i18next";
-import { jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs7 } from "react/jsx-runtime";
 var Container3 = styled10.div`
   position: absolute;
 
@@ -23160,8 +23165,8 @@ var ActiveCellMenu = (props) => {
         setOpen(true);
       },
       children: [
-        /* @__PURE__ */ jsx17("div", { ref: anchorRef, children: /* @__PURE__ */ jsx17("i", { className: "ri-equalizer-line" }) }),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18("div", { ref: anchorRef, children: /* @__PURE__ */ jsx18("i", { className: "ri-equalizer-line" }) }),
+        /* @__PURE__ */ jsx18(
           Popper,
           {
             sx: {
@@ -23172,21 +23177,21 @@ var ActiveCellMenu = (props) => {
             role: void 0,
             transition: true,
             disablePortal: true,
-            children: ({ TransitionProps, placement }) => /* @__PURE__ */ jsx17(
+            children: ({ TransitionProps, placement }) => /* @__PURE__ */ jsx18(
               Grow,
               {
                 ...TransitionProps,
                 style: {
                   transformOrigin: placement === "bottom" ? "center top" : "center bottom"
                 },
-                children: /* @__PURE__ */ jsx17(Paper, { children: /* @__PURE__ */ jsx17(ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ jsx17(MenuList, { dense: true, autoFocusItem: true, children: options.map((option) => /* @__PURE__ */ jsx17(
+                children: /* @__PURE__ */ jsx18(Paper, { children: /* @__PURE__ */ jsx18(ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ jsx18(MenuList, { dense: true, autoFocusItem: true, children: options.map((option) => /* @__PURE__ */ jsx18(
                   MenuItem2,
                   {
                     onClick: () => {
                       option.handler();
                       setOpen(false);
                     },
-                    children: /* @__PURE__ */ jsx17(ListItemText, { children: t18(option.i18nKey) })
+                    children: /* @__PURE__ */ jsx18(ListItemText, { children: t18(option.i18nKey) })
                   },
                   option.label
                 )) }) }) })
@@ -23205,7 +23210,7 @@ var ActiveCellMenu_default = ActiveCellMenu;
 import { useCommands as useCommands2 } from "@remirror/react";
 import styled11 from "styled-components";
 import { Tooltip as Tooltip2 } from "zens";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var Container4 = styled11.div`
   position: absolute;
   color: ${(props) => props.theme.dangerColor};
@@ -23214,7 +23219,7 @@ function TableBar(props) {
   const { positioner } = props;
   const commands = useCommands2();
   const { ref, key: key2, x, y } = positioner;
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     Container4,
     {
       ref,
@@ -23229,7 +23234,7 @@ function TableBar(props) {
         e.preventDefault();
         commands.deleteTable();
       },
-      children: /* @__PURE__ */ jsx18(Tooltip2, { title: "delete", children: /* @__PURE__ */ jsx18("i", { className: "ri-delete-bin-line" }) })
+      children: /* @__PURE__ */ jsx19(Tooltip2, { title: "delete", children: /* @__PURE__ */ jsx19("i", { className: "ri-delete-bin-line" }) })
     },
     key2
   );
@@ -23319,7 +23324,7 @@ var activeCellColumnAndRowPositioner = Positioner.create({
 });
 
 // src/editor/toolbar/TableToolbar/index.tsx
-import { Fragment as Fragment7, jsx as jsx19 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx20 } from "react/jsx-runtime";
 var MultiPositionerIllustration = ({ positioner }) => {
   const positioners = useMultiPositioner(positioner, []);
   const { forceUpdatePositioners } = useCommands3();
@@ -23328,13 +23333,13 @@ var MultiPositionerIllustration = ({ positioner }) => {
   }, [forceUpdatePositioners]);
   if (positioners.length === 0) return null;
   const positionersRender = [TableBar_default, ActiveCellMenu_default];
-  return /* @__PURE__ */ jsx19(Fragment7, { children: positioners.map((pos, i) => {
+  return /* @__PURE__ */ jsx20(Fragment7, { children: positioners.map((pos, i) => {
     const Component = positionersRender[i];
-    return /* @__PURE__ */ jsx19(Component, { positioner: pos }, pos.key);
+    return /* @__PURE__ */ jsx20(Component, { positioner: pos }, pos.key);
   }) });
 };
 var TableToolbar = () => {
-  return /* @__PURE__ */ jsx19(Fragment7, { children: /* @__PURE__ */ jsx19(PositionerPortal, { children: /* @__PURE__ */ jsx19(MultiPositionerIllustration, { positioner: activeCellColumnAndRowPositioner }) }) });
+  return /* @__PURE__ */ jsx20(Fragment7, { children: /* @__PURE__ */ jsx20(PositionerPortal, { children: /* @__PURE__ */ jsx20(MultiPositionerIllustration, { positioner: activeCellColumnAndRowPositioner }) }) });
 };
 var TableToolbar_default = TableToolbar;
 
@@ -23388,16 +23393,16 @@ var useCommandOptionValues = ({
 
 // src/editor/toolbar/toolbar/command-btns/command-button-icon.tsx
 import { isString as isString4 } from "@remirror/core";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var CommandButtonIcon = ({ icon }) => {
   if (isString4(icon)) {
-    return /* @__PURE__ */ jsx20("i", { className: icon });
+    return /* @__PURE__ */ jsx21("i", { className: icon });
   }
   return icon;
 };
 
 // src/editor/toolbar/toolbar/command-btns/command-button.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var CommandButton = ({
   commandName,
   active = false,
@@ -23426,7 +23431,7 @@ var CommandButton = ({
   const labelText = ariaLabel ?? commandOptions.label ?? "";
   const tooltipText = label ?? labelText;
   const shortcutText = displayShortcut && commandOptions.shortcut ? ` (${commandOptions.shortcut})` : "";
-  return /* @__PURE__ */ jsx21(Tooltip3, { title: `${tooltipText}${shortcutText}`, children: /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(Tooltip3, { title: `${tooltipText}${shortcutText}`, children: /* @__PURE__ */ jsx22(
     Container5,
     {
       "aria-label": labelText,
@@ -23434,7 +23439,7 @@ var CommandButton = ({
       ...rest,
       value: commandName,
       onClick: handleChange,
-      children: /* @__PURE__ */ jsx21(CommandButtonIcon, { icon: icon ?? fallbackIcon })
+      children: /* @__PURE__ */ jsx22(CommandButtonIcon, { icon: icon ?? fallbackIcon })
     }
   ) });
 };
@@ -23463,7 +23468,7 @@ import { Ariakit as Ariakit2 } from "zens";
 import { useActive, useCommands as useCommands4 } from "@remirror/react-core";
 import { useCallback as useCallback6 } from "react";
 import { t as t6 } from "i18next";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var InsertSeparatorButton = ({ attrs = {}, ...rest }) => {
   const { insertHorizontalRule } = useCommands4();
   const handleSelect = useCallback6(() => {
@@ -23473,7 +23478,7 @@ var InsertSeparatorButton = ({ attrs = {}, ...rest }) => {
   }, [insertHorizontalRule, attrs]);
   const active = useActive().codeMirror();
   const enabled = insertHorizontalRule.enabled(attrs);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     CommandButton,
     {
       ...rest,
@@ -23492,7 +23497,7 @@ var InsertSeparatorButton = ({ attrs = {}, ...rest }) => {
 import { useCommands as useCommands5, useHelpers as useHelpers2 } from "@remirror/react-core";
 import { t as t7 } from "i18next";
 import { useCallback as useCallback7 } from "react";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var RedoButton = (props) => {
   const { redo: redo3 } = useCommands5();
   const { redoDepth: redoDepth2 } = useHelpers2(true);
@@ -23502,7 +23507,7 @@ var RedoButton = (props) => {
     }
   }, [redo3]);
   const enabled = redoDepth2() > 0;
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     CommandButton,
     {
       ...props,
@@ -23520,7 +23525,7 @@ var RedoButton = (props) => {
 import { useActive as useActive2, useCommands as useCommands6 } from "@remirror/react-core";
 import { useCallback as useCallback8 } from "react";
 import { t as t8 } from "i18next";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var ToggleBlockquoteButton = ({ ...rest }) => {
   const { toggleBlockquote } = useCommands6();
   const handleSelect = useCallback8(() => {
@@ -23530,7 +23535,7 @@ var ToggleBlockquoteButton = ({ ...rest }) => {
   }, [toggleBlockquote]);
   const active = useActive2().blockquote();
   const enabled = toggleBlockquote.enabled();
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     CommandButton,
     {
       ...rest,
@@ -23548,7 +23553,7 @@ var ToggleBlockquoteButton = ({ ...rest }) => {
 import { useActive as useActive3, useCommands as useCommands7 } from "@remirror/react-core";
 import { useCallback as useCallback9 } from "react";
 import { t as t9 } from "i18next";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var ToggleBoldButton = (props) => {
   const { toggleStrong } = useCommands7();
   const handleSelect = useCallback9(() => {
@@ -23558,7 +23563,7 @@ var ToggleBoldButton = (props) => {
   }, [toggleStrong]);
   const active = useActive3().mdStrong();
   const enabled = toggleStrong.enabled();
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     CommandButton,
     {
       ...props,
@@ -23576,7 +23581,7 @@ var ToggleBoldButton = (props) => {
 import { useActive as useActive4, useCommands as useCommands8 } from "@remirror/react-core";
 import { useCallback as useCallback10 } from "react";
 import { t as t10 } from "i18next";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var ToggleBulletListButton = (props) => {
   const { toggleList } = useCommands8();
   const handleSelect = useCallback10(() => {
@@ -23586,7 +23591,7 @@ var ToggleBulletListButton = (props) => {
   }, [toggleList]);
   const active = useActive4().list();
   const enabled = true;
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     CommandButton,
     {
       ...props,
@@ -23604,7 +23609,7 @@ var ToggleBulletListButton = (props) => {
 import { useActive as useActive5, useCommands as useCommands9 } from "@remirror/react-core";
 import { useCallback as useCallback11 } from "react";
 import { t as t11 } from "i18next";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var ToggleCodeBlockButton = ({ attrs = {}, ...rest }) => {
   const { createCodeMirror } = useCommands9();
   const handleSelect = useCallback11(() => {
@@ -23614,7 +23619,7 @@ var ToggleCodeBlockButton = ({ attrs = {}, ...rest }) => {
   }, [createCodeMirror, attrs]);
   const active = useActive5().codeMirror();
   const enabled = createCodeMirror.enabled(attrs);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     CommandButton,
     {
       ...rest,
@@ -23633,7 +23638,7 @@ var ToggleCodeBlockButton = ({ attrs = {}, ...rest }) => {
 import { useActive as useActive6, useCommands as useCommands10 } from "@remirror/react-core";
 import { useCallback as useCallback12 } from "react";
 import { t as t12 } from "i18next";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var ToggleCodeButton = (props) => {
   const { toggleCodeText } = useCommands10();
   const handleSelect = useCallback12(() => {
@@ -23643,7 +23648,7 @@ var ToggleCodeButton = (props) => {
   }, [toggleCodeText]);
   const active = useActive6().mdCodeText();
   const enabled = toggleCodeText.enabled();
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     CommandButton,
     {
       ...props,
@@ -23661,7 +23666,7 @@ var ToggleCodeButton = (props) => {
 import { useActive as useActive7, useCommands as useCommands11 } from "@remirror/react-core";
 import { useCallback as useCallback13 } from "react";
 import { t as t13 } from "i18next";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var ToggleHeadingButton = ({ attrs, ...rest }) => {
   const { toggleHeading } = useCommands11();
   const handleSelect = useCallback13(() => {
@@ -23671,7 +23676,7 @@ var ToggleHeadingButton = ({ attrs, ...rest }) => {
   }, [toggleHeading, attrs]);
   const active = useActive7().heading(attrs);
   const enabled = toggleHeading.enabled(attrs);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     CommandButton,
     {
       ...rest,
@@ -23690,7 +23695,7 @@ var ToggleHeadingButton = ({ attrs, ...rest }) => {
 import { useActive as useActive8, useCommands as useCommands12 } from "@remirror/react-core";
 import { useCallback as useCallback14 } from "react";
 import { t as t14 } from "i18next";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var ToggleItalicButton = (props) => {
   const { toggleEmphasis } = useCommands12();
   const handleSelect = useCallback14(() => {
@@ -23700,7 +23705,7 @@ var ToggleItalicButton = (props) => {
   }, [toggleEmphasis]);
   const active = useActive8().mdEm();
   const enabled = toggleEmphasis.enabled();
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     CommandButton,
     {
       ...props,
@@ -23718,7 +23723,7 @@ var ToggleItalicButton = (props) => {
 import { useActive as useActive9, useCommands as useCommands13 } from "@remirror/react-core";
 import { useCallback as useCallback15 } from "react";
 import { t as t15 } from "i18next";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var ToggleOrderedListButton = (props) => {
   const { toggleList } = useCommands13();
   const handleSelect = useCallback15(() => {
@@ -23730,7 +23735,7 @@ var ToggleOrderedListButton = (props) => {
   }, [toggleList]);
   const active = useActive9().list();
   const enabled = true;
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     CommandButton,
     {
       ...props,
@@ -23748,7 +23753,7 @@ var ToggleOrderedListButton = (props) => {
 import { useActive as useActive10, useCommands as useCommands14 } from "@remirror/react-core";
 import { useCallback as useCallback16 } from "react";
 import { t as t16 } from "i18next";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var ToggleTaskListButton = (props) => {
   const { toggleList } = useCommands14();
   const handleSelect = useCallback16(() => {
@@ -23760,7 +23765,7 @@ var ToggleTaskListButton = (props) => {
   }, [toggleList]);
   const active = useActive10().list();
   const enabled = true;
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     CommandButton,
     {
       ...props,
@@ -23778,7 +23783,7 @@ var ToggleTaskListButton = (props) => {
 import { useCommands as useCommands15, useHelpers as useHelpers3 } from "@remirror/react-core";
 import { t as t17 } from "i18next";
 import { useCallback as useCallback17 } from "react";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var UndoButton = (props) => {
   const { undo: undo3 } = useCommands15();
   const { undoDepth: undoDepth2 } = useHelpers3(true);
@@ -23788,7 +23793,7 @@ var UndoButton = (props) => {
     }
   }, [undo3]);
   const enabled = undoDepth2() > 0;
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     CommandButton,
     {
       ...props,
@@ -23803,25 +23808,25 @@ var UndoButton = (props) => {
 };
 
 // src/editor/toolbar/toolbar/wysiwyg-toolbar.tsx
-import { jsx as jsx34, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs8 } from "react/jsx-runtime";
 var WysiwygToolbar = (props) => {
   const { prevActions = null, nextActions = null } = props;
   return /* @__PURE__ */ jsxs8(ToolBar, { className: props.className, style: props.style, children: [
     prevActions,
-    /* @__PURE__ */ jsx34(UndoButton, {}),
-    /* @__PURE__ */ jsx34(RedoButton, {}),
-    /* @__PURE__ */ jsx34(ToolbarSeparator, { render: /* @__PURE__ */ jsx34("div", {}) }),
-    /* @__PURE__ */ jsx34(ToggleHeadingButton, {}),
-    /* @__PURE__ */ jsx34(ToggleBoldButton, {}),
-    /* @__PURE__ */ jsx34(ToggleItalicButton, {}),
-    /* @__PURE__ */ jsx34(ToggleBlockquoteButton, {}),
-    /* @__PURE__ */ jsx34(ToggleCodeBlockButton, {}),
-    /* @__PURE__ */ jsx34(ToggleCodeButton, {}),
-    /* @__PURE__ */ jsx34(InsertSeparatorButton, {}),
-    /* @__PURE__ */ jsx34(ToolbarSeparator, { render: /* @__PURE__ */ jsx34("div", {}) }),
-    /* @__PURE__ */ jsx34(ToggleBulletListButton, {}),
-    /* @__PURE__ */ jsx34(ToggleOrderedListButton, {}),
-    /* @__PURE__ */ jsx34(ToggleTaskListButton, {}),
+    /* @__PURE__ */ jsx35(UndoButton, {}),
+    /* @__PURE__ */ jsx35(RedoButton, {}),
+    /* @__PURE__ */ jsx35(ToolbarSeparator, { render: /* @__PURE__ */ jsx35("div", {}) }),
+    /* @__PURE__ */ jsx35(ToggleHeadingButton, {}),
+    /* @__PURE__ */ jsx35(ToggleBoldButton, {}),
+    /* @__PURE__ */ jsx35(ToggleItalicButton, {}),
+    /* @__PURE__ */ jsx35(ToggleBlockquoteButton, {}),
+    /* @__PURE__ */ jsx35(ToggleCodeBlockButton, {}),
+    /* @__PURE__ */ jsx35(ToggleCodeButton, {}),
+    /* @__PURE__ */ jsx35(InsertSeparatorButton, {}),
+    /* @__PURE__ */ jsx35(ToolbarSeparator, { render: /* @__PURE__ */ jsx35("div", {}) }),
+    /* @__PURE__ */ jsx35(ToggleBulletListButton, {}),
+    /* @__PURE__ */ jsx35(ToggleOrderedListButton, {}),
+    /* @__PURE__ */ jsx35(ToggleTaskListButton, {}),
     nextActions
   ] });
 };
@@ -23891,7 +23896,7 @@ var createWysiwygDelegate = (options = {}) => {
 };
 
 // src/editor/components/WysiwygEditor/index.tsx
-import { jsx as jsx35, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs9 } from "react/jsx-runtime";
 var WysiwygEditor = (props) => {
   const {
     content,
@@ -23929,9 +23934,9 @@ var WysiwygEditor = (props) => {
   try {
     initialContent = editorDelegate.stringToDoc(content);
   } catch (error) {
-    return /* @__PURE__ */ jsx35(ErrorBoundary_default, { hasError: true, error, ...props.errorHandler || {} });
+    return /* @__PURE__ */ jsx36(ErrorBoundary_default, { hasError: true, error, ...props.errorHandler || {} });
   }
-  return /* @__PURE__ */ jsx35(ErrorBoundary_default, { ...props.errorHandler || {}, children: /* @__PURE__ */ jsx35(WysiwygThemeWrapper, { ...styleToken, children: /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsx36(ErrorBoundary_default, { ...props.errorHandler || {}, children: /* @__PURE__ */ jsx36(WysiwygThemeWrapper, { ...styleToken, children: /* @__PURE__ */ jsxs9(
     Remirror2,
     {
       manager: editorDelegate.manager,
@@ -23940,12 +23945,12 @@ var WysiwygEditor = (props) => {
       editable,
       onChange: handleChange,
       children: [
-        wysiwygToolBarOptions?.enable ? /* @__PURE__ */ jsx35(WysiwygToolbar, { ...wysiwygToolBarOptions?.compProps }) : null,
-        /* @__PURE__ */ jsx35(Text_default, {}),
-        /* @__PURE__ */ jsx35(TableToolbar_default, {}),
-        /* @__PURE__ */ jsx35(SlashMenu, {}),
+        wysiwygToolBarOptions?.enable ? /* @__PURE__ */ jsx36(WysiwygToolbar, { ...wysiwygToolBarOptions?.compProps }) : null,
+        /* @__PURE__ */ jsx36(Text_default, {}),
+        /* @__PURE__ */ jsx36(TableToolbar_default, {}),
+        /* @__PURE__ */ jsx36(SlashMenu, {}),
         wysiwygToolBar || null,
-        isTesting ? /* @__PURE__ */ jsx35(ProsemirrorDevTools2, {}) : null
+        isTesting ? /* @__PURE__ */ jsx36(ProsemirrorDevTools2, {}) : null
       ]
     }
   ) }) });
@@ -23955,7 +23960,7 @@ var WysiwygEditor_default = memo6(WysiwygEditor);
 // src/editor/components/Editor.tsx
 import HTML2 from "html-parse-stringify";
 import { nanoid as nanoid3 } from "nanoid";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 var Editor = memo7(
   forwardRef2((props, ref) => {
     const {
@@ -24015,9 +24020,9 @@ var Editor = memo7(
       return [() => useContextMounted(onContextMounted), ...hooks];
     }, [hooks, onContextMounted]);
     if (type === "preview") {
-      return /* @__PURE__ */ jsx36(Preview, { doc: otherProps.content, delegateOptions: otherProps.delegateOptions });
+      return /* @__PURE__ */ jsx37(Preview, { doc: otherProps.content, delegateOptions: otherProps.delegateOptions });
     }
-    return type === "sourceCode" ? /* @__PURE__ */ jsx36(SourceEditor_default, { ...otherProps, hooks: editorHooks }) : /* @__PURE__ */ jsx36(WysiwygEditor_default, { ...otherProps, hooks: editorHooks });
+    return type === "sourceCode" ? /* @__PURE__ */ jsx37(SourceEditor_default, { ...otherProps, hooks: editorHooks }) : /* @__PURE__ */ jsx37(WysiwygEditor_default, { ...otherProps, hooks: editorHooks });
   })
 );
 var defaultStyleToken = {
@@ -24104,7 +24109,7 @@ function changeLng(lng) {
 
 // src/editor/components/ThemeProvider.tsx
 import mermaid2 from "mermaid";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var ThemeProvider = memo8(({ theme, i18n, children }) => {
   const mode = theme?.mode || "light";
   const defaultThemeToken = mode === "dark" ? darkTheme.styledConstants : lightTheme.styledConstants;
@@ -24126,7 +24131,7 @@ var ThemeProvider = memo8(({ theme, i18n, children }) => {
     });
     eventBus.emit("change-theme");
   }, [mode, theme?.codemirrorTheme, changeTheme]);
-  return /* @__PURE__ */ jsx37(ScThemeProvider, { theme: themeToken, children });
+  return /* @__PURE__ */ jsx38(ScThemeProvider, { theme: themeToken, children });
 });
 
 // src/editor/components/Preview/preview.tsx
@@ -24210,7 +24215,7 @@ var rmeProsemirrorNodeToHtml = async (doc, delegateOptions) => {
 };
 
 // src/editor/components/Preview/preview.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var Preview = (props) => {
   const { doc, delegateOptions } = props;
   const [processedHtml, setProcessedHtml] = useState10("");
@@ -24227,7 +24232,7 @@ var Preview = (props) => {
     });
   }, [props.onError]);
   if (!processedHtml) {
-    return /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsx39(
       "div",
       {
         style: {
@@ -24237,11 +24242,11 @@ var Preview = (props) => {
           justifyContent: "center",
           alignItems: "center"
         },
-        children: /* @__PURE__ */ jsx38(Icon.Loading3QuartersOutlined, { spin: true, size: 40 })
+        children: /* @__PURE__ */ jsx39(Icon.Loading3QuartersOutlined, { spin: true, size: 40 })
       }
     );
   }
-  return /* @__PURE__ */ jsx38(WysiwygThemeWrapper, { dangerouslySetInnerHTML: { __html: processedHtml } });
+  return /* @__PURE__ */ jsx39(WysiwygThemeWrapper, { dangerouslySetInnerHTML: { __html: processedHtml } });
 };
 
 // src/editor/hooks/index.ts