rme 0.1.27 → 0.1.29

package/dist/index.mjs

@@ -20675,29 +20675,41 @@ var defaultIgnoredKeys = [
 ];
 
 // src/editor/extensions/SlashMenu/slashmenu-extension.ts
-import { PlainExtension as PlainExtension8, extension as extension10 } from "remirror";
+import { extension as extension10, PlainExtension as PlainExtension8 } from "remirror";
 
 // src/editor/extensions/SlashMenu/case.ts
 var defaultConditions = (openInSelection = false) => {
   return {
     shouldOpen: (state, event, view) => {
+      if (event.isComposing) {
+        return false;
+      }
       const editorState = view.state;
       const resolvedPos = editorState.selection.from < 0 || editorState.selection.from > editorState.doc.content.size ? null : editorState.doc.resolve(editorState.selection.from);
       const parentNode = resolvedPos?.parent;
       const inParagraph = parentNode?.type.name === "paragraph";
-      const inEmptyPar = inParagraph && parentNode?.nodeSize === 2;
       const posInLine = editorState.selection.$head.parentOffset;
       const prevCharacter = editorState.selection.$head.parent.textContent.slice(
         posInLine - 1,
         posInLine
       );
+      const inEmptyPar = inParagraph && parentNode?.textContent === prevCharacter;
       const spaceBeforePos = prevCharacter === "\u200A" || prevCharacter === "" || prevCharacter === " ";
-      return !state.open && event.key === "/" && inParagraph && (inEmptyPar || spaceBeforePos || editorState.selection.from !== editorState.selection.to && openInSelection);
+      return !state.open && event.code === "Slash" && inParagraph && (inEmptyPar || spaceBeforePos || editorState.selection.from !== editorState.selection.to && openInSelection);
     },
-    shouldClose: (state, event) => state.open && (event.key === "/" || event.key === "Escape" || event.key === "Backspace") && state.filter.length === 0
+    shouldClose: (state, event) => state.open && (event.key === "Slash" || event.key === "Escape" || event.key === "Backspace") && state.filter.length === 0
   };
 };
 var getCase = (state, event, view, ignoredKeys, customConditions, shouldOpenInSelection) => {
+  if (event.isComposing) {
+    if (event.key === "Escape") {
+      return "closeMenu" /* CloseMenu */;
+    }
+    if (event.key === "Backspace" && state.filter.length === 0) {
+      return "closeMenu" /* CloseMenu */;
+    }
+    return "Ignore" /* Ignore */;
+  }
   const condition = customConditions || defaultConditions(shouldOpenInSelection);
   if (condition.shouldOpen(state, event, view)) {
     return "openMenu" /* OpenMenu */;
@@ -20752,19 +20764,32 @@ var SlashMenuExtension = class extends PlainExtension8 {
           const slashCase = getCase(state, event, view, initialState.ignoredKeys);
           switch (slashCase) {
             case "openMenu" /* OpenMenu */:
+              const resolvedPos = editorState.selection.from < 0 || editorState.selection.from > editorState.doc.content.size ? null : editorState.doc.resolve(editorState.selection.from);
+              const parentNode = resolvedPos?.parent;
+              const inParagraph = parentNode?.type.name === "paragraph";
+              if (inParagraph && parentNode.textContent === "/" && resolvedPos) {
+                view.dispatch(
+                  editorState.tr.delete(resolvedPos.start(), resolvedPos.end()).setMeta(this.spec.key, { type: "open" /* open */ })
+                );
+              }
               dispatchWithMeta(view, this.spec.key, { type: "open" /* open */ });
               return true;
             case "closeMenu" /* CloseMenu */: {
-              if (event.key === "/") {
+              if (event.isComposing) {
+                dispatchWithMeta(view, this.spec.key, {
+                  type: "close" /* close */
+                });
+              } else if (event.code === "Slash") {
                 view.dispatch(
                   editorState.tr.insertText("/").setMeta(this.spec.key, {
                     type: "close" /* close */
                   })
                 );
-              } else
+              } else {
                 dispatchWithMeta(view, this.spec.key, {
                   type: "close" /* close */
                 });
+              }
               return true;
             }
             case "Execute" /* Execute */:
@@ -22359,15 +22384,35 @@ import { memo as memo6, useCallback as useCallback18, useEffect as useEffect8, u
 import { useExtension, useRemirrorContext as useRemirrorContext3 } from "@remirror/react-core";
 import { useCallback as useCallback4, useEffect as useEffect6, useMemo as useMemo3, useRef as useRef6, useState as useState7 } from "react";
 import { usePopper } from "react-popper";
+import styled9 from "styled-components";
 
 // src/editor/toolbar/SlashMenu/SlashMenuRoot.tsx
 import { memo as memo5, useCallback as useCallback3, useEffect as useEffect5, useMemo as useMemo2, useRef as useRef5, useState as useState6 } from "react";
+import { useTranslation } from "react-i18next";
 import styled8, { css as css5 } from "styled-components";
+import { Input as Input2, Space as Space2 } from "zens";
 
 // src/editor/theme/darken-colors.ts
 import Color from "color";
 var darken = (color, amount) => Color(color).darken(amount).string();
 
+// src/editor/utils/getOS.ts
+function getOS() {
+  const userAgent = window.navigator.userAgent;
+  const platform2 = window.navigator.platform;
+  if (/Win/.test(platform2) || /Win/.test(userAgent)) {
+    return "Windows";
+  } else if (/Mac/.test(platform2) || /Mac/.test(userAgent)) {
+    return "macOS";
+  } else {
+    return "Unknown";
+  }
+}
+function getModKeyName() {
+  const os = getOS();
+  return os === "macOS" ? "\u2318" : "Ctrl";
+}
+
 // src/editor/toolbar/SlashMenu/TablePanel.tsx
 import { forwardRef, useState as useState5, useImperativeHandle, memo as memo4 } from "react";
 import styled7 from "styled-components";
@@ -22459,10 +22504,12 @@ var TablePanel = memo4(
 var TablePanel_default = TablePanel;
 
 // src/editor/toolbar/SlashMenu/SlashMenuRoot.tsx
-import { jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
 var SlashMenuRoot = memo5(
   ({ rootRef, commands, closeMenu }) => {
     const componentRefMap = useRef5({});
+    const [searchText, setSearchText] = useState6("");
+    const { t: t18 } = useTranslation();
     const menuItems = useMemo2(() => {
       const headingItems = Array.from({ length: 6 }).map((_, i) => {
         return {
@@ -22477,11 +22524,13 @@ var SlashMenuRoot = memo5(
         {
           title: "Text",
           id: "text",
+          iconName: "ri-text",
           children: headingItems
         },
         {
           title: "Table",
           id: "table",
+          iconName: "ri-table-line",
           handler: () => {
             componentRefMap.current.table?.createTable();
           },
@@ -22500,8 +22549,9 @@ var SlashMenuRoot = memo5(
       ];
       if (commands.createAiBlock) {
         res.unshift({
-          title: "ai",
+          title: "AI",
           id: "ai",
+          iconName: "ri-bard-line",
           handler: () => {
             commands.createAiBlock({});
           }
@@ -22509,10 +22559,55 @@ var SlashMenuRoot = memo5(
       }
       return res;
     }, [closeMenu, commands]);
-    const [activeGroupId, setActiveGroupId] = useState6(menuItems[0].id);
+    const filteredMenuItems = useMemo2(() => {
+      if (!searchText.trim()) {
+        return menuItems;
+      }
+      const searchLower = searchText.toLowerCase();
+      return menuItems.filter((item) => {
+        if (item.title.toLowerCase().includes(searchLower)) {
+          return true;
+        }
+        if (item.children) {
+          const filteredChildren = item.children.filter(
+            (child) => child.title.toLowerCase().includes(searchLower)
+          );
+          if (filteredChildren.length > 0) {
+            return true;
+          }
+        }
+        return false;
+      }).map((item) => {
+        if (item.children && searchText.trim()) {
+          const searchLower2 = searchText.toLowerCase();
+          if (item.title.toLowerCase().includes(searchLower2)) {
+            return item;
+          }
+          const filteredChildren = item.children.filter(
+            (child) => child.title.toLowerCase().includes(searchLower2)
+          );
+          return {
+            ...item,
+            children: filteredChildren
+          };
+        }
+        return item;
+      });
+    }, [menuItems, searchText]);
+    const [activeGroupId, setActiveGroupId] = useState6(filteredMenuItems[0]?.id);
     const [activeItemId, setActiveItemId] = useState6();
-    const currentIndex = menuItems.findIndex((item) => item.id === activeGroupId);
-    const currentMenuItem = menuItems[currentIndex];
+    useEffect5(() => {
+      if (filteredMenuItems.length > 0) {
+        setActiveGroupId(filteredMenuItems[0].id);
+        if (filteredMenuItems[0].children) {
+          setActiveItemId(filteredMenuItems[0].children[0].id);
+        } else {
+          setActiveItemId(void 0);
+        }
+      }
+    }, [filteredMenuItems]);
+    const currentIndex = filteredMenuItems.findIndex((item) => item.id === activeGroupId);
+    const currentMenuItem = filteredMenuItems[currentIndex];
     const handleDown = useCallback3(() => {
       if (activeItemId) {
         if (currentMenuItem?.children) {
@@ -22523,16 +22618,22 @@ var SlashMenuRoot = memo5(
           if (nextIndex < currentMenuItem.children.length) {
             setActiveItemId(currentMenuItem.children[nextIndex].id);
           }
-        } else if (currentMenuItem.Renderer) {
+        } else if (currentMenuItem?.Renderer) {
           setActiveItemId(currentMenuItem.Renderer.id);
         }
       } else {
         const nextIndex = currentIndex + 1;
-        if (nextIndex < menuItems.length) {
-          setActiveGroupId(menuItems[nextIndex].id);
+        if (nextIndex < filteredMenuItems.length) {
+          setActiveGroupId(filteredMenuItems[nextIndex].id);
         }
       }
-    }, [activeItemId, currentIndex, currentMenuItem.Renderer, currentMenuItem.children, menuItems]);
+    }, [
+      activeItemId,
+      currentIndex,
+      currentMenuItem?.Renderer,
+      currentMenuItem?.children,
+      filteredMenuItems
+    ]);
     const handleUp = useCallback3(() => {
       if (activeItemId) {
         if (currentMenuItem?.children) {
@@ -22543,16 +22644,22 @@ var SlashMenuRoot = memo5(
           if (nextIndex >= 0) {
             setActiveItemId(currentMenuItem.children[nextIndex].id);
           }
-        } else if (currentMenuItem.Renderer) {
+        } else if (currentMenuItem?.Renderer) {
           setActiveItemId(currentMenuItem.Renderer.id);
         }
       } else {
         const nextIndex = currentIndex - 1;
         if (nextIndex >= 0) {
-          setActiveGroupId(menuItems[nextIndex].id);
+          setActiveGroupId(filteredMenuItems[nextIndex].id);
         }
       }
-    }, [activeItemId, currentIndex, currentMenuItem.Renderer, currentMenuItem.children, menuItems]);
+    }, [
+      activeItemId,
+      currentIndex,
+      currentMenuItem?.Renderer,
+      currentMenuItem?.children,
+      filteredMenuItems
+    ]);
     const handleRight = useCallback3(() => {
       if (currentMenuItem?.children) {
         setActiveItemId(currentMenuItem.children[0].id);
@@ -22563,8 +22670,17 @@ var SlashMenuRoot = memo5(
     const handleLeft = useCallback3(() => {
       setActiveItemId(void 0);
     }, []);
+    const handleSearchChange = useCallback3((e) => {
+      setSearchText(e.target.value);
+    }, []);
     useEffect5(() => {
       const keydownHandler = (event) => {
+        if (event.key === "Escape") {
+          return closeMenu();
+        }
+        if (searchText && event.metaKey === false) {
+          return;
+        }
         if (activeItemId) {
           const componentRef = componentRefMap.current[activeItemId];
           if (componentRef?.handleKeyDown) {
@@ -22611,40 +22727,211 @@ var SlashMenuRoot = memo5(
       handleRight,
       handleUp,
       closeMenu,
-      menuItems,
-      currentMenuItem
+      filteredMenuItems,
+      currentMenuItem,
+      searchText
     ]);
-    return /* @__PURE__ */ jsxs6("div", { ref: rootRef, style: { display: "flex" }, children: [
-      /* @__PURE__ */ jsx15(MenuPanel, { active: true, location: "left", children: menuItems.map((item) => {
-        const selected = item.id === activeGroupId;
-        return /* @__PURE__ */ jsx15(MenuItem, { onClick: () => setActiveGroupId(item.id), selected, children: item.title }, item.id);
-      }) }),
-      currentMenuItem?.children || currentMenuItem?.Renderer?.Component ? /* @__PURE__ */ jsx15(MenuPanel, { active: !!activeItemId, location: "right", children: currentMenuItem?.Renderer ? currentMenuItem.Renderer.Component : currentMenuItem?.children?.map((item) => {
-        const selected = item.id === activeItemId;
-        return /* @__PURE__ */ jsx15(
-          MenuItem,
-          {
-            selected,
-            onClick: () => {
-              setActiveItemId(item.id);
-              item.handler?.();
-              closeMenu();
-            },
-            children: item.title
+    return /* @__PURE__ */ jsxs6("div", { ref: rootRef, style: { display: "flex", flexDirection: "column" }, children: [
+      /* @__PURE__ */ jsx15(SearchContainer, { children: /* @__PURE__ */ jsx15(
+        Input2,
+        {
+          type: "text",
+          size: "small",
+          style: {
+            width: "100%"
           },
-          item.id
-        );
-      }) }) : null
+          placeholder: t18("slashMenu.searchPlaceholder"),
+          value: searchText,
+          onChange: handleSearchChange,
+          autoFocus: true,
+          onKeyDown: (e) => {
+            if (e.code === "Backspace") {
+              if (searchText === "") {
+                e.preventDefault();
+                e.stopPropagation();
+                closeMenu();
+              }
+            } else if (e.code === "Slash" && (searchText === "" || searchText === "/")) {
+              e.preventDefault();
+              e.stopPropagation();
+              closeMenu({
+                insertSlash: true
+              });
+            }
+          }
+        }
+      ) }),
+      /* @__PURE__ */ jsxs6(MenuContainer, { children: [
+        /* @__PURE__ */ jsxs6(MenuPanel, { active: true, location: "left", children: [
+          filteredMenuItems.map((item) => {
+            const selected = item.id === activeGroupId;
+            return /* @__PURE__ */ jsx15(
+              MenuItem,
+              {
+                onClick: () => setActiveGroupId(item.id),
+                selected,
+                children: /* @__PURE__ */ jsxs6(Space2, { size: 4, children: [
+                  /* @__PURE__ */ jsx15("i", { className: item.iconName }),
+                  " ",
+                  item.title
+                ] })
+              },
+              item.id
+            );
+          }),
+          filteredMenuItems.length === 0 && /* @__PURE__ */ jsx15("div", { children: /* @__PURE__ */ jsx15("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) => {
+          const selected = item.id === activeItemId;
+          return /* @__PURE__ */ jsx15(
+            MenuItem,
+            {
+              selected,
+              onClick: () => {
+                setActiveItemId(item.id);
+                item.handler?.();
+                closeMenu();
+              },
+              children: item.title
+            },
+            item.id
+          );
+        }) }) : null
+      ] }),
+      /* @__PURE__ */ jsxs6(SlashMenuFooter, { children: [
+        /* @__PURE__ */ jsxs6(Shortcut, { children: [
+          searchText ? /* @__PURE__ */ jsxs6(Fragment5, { children: [
+            /* @__PURE__ */ jsx15("kbd", { children: getModKeyName() }),
+            /* @__PURE__ */ jsx15("span", { children: " + " })
+          ] }) : null,
+          /* @__PURE__ */ jsx15("kbd", { "aria-label": "Up Arrow", children: /* @__PURE__ */ jsxs6(
+            "svg",
+            {
+              width: "14",
+              height: "14",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              children: [
+                /* @__PURE__ */ jsx15("path", { d: "m5 12 7-7 7 7" }),
+                /* @__PURE__ */ jsx15("path", { d: "M12 19V5" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx15("kbd", { "aria-label": "Down Arrow", children: /* @__PURE__ */ jsxs6(
+            "svg",
+            {
+              width: "14",
+              height: "14",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              children: [
+                /* @__PURE__ */ jsx15("path", { d: "M12 5v14" }),
+                /* @__PURE__ */ jsx15("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(
+              "svg",
+              {
+                width: "14",
+                height: "14",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                children: [
+                  /* @__PURE__ */ jsx15("path", { d: "m12 19-7-7 7-7" }),
+                  /* @__PURE__ */ jsx15("path", { d: "M19 12H5" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx15("kbd", { "aria-label": "Right Arrow", children: /* @__PURE__ */ jsxs6(
+              "svg",
+              {
+                width: "14",
+                height: "14",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                children: [
+                  /* @__PURE__ */ jsx15("path", { d: "M5 12h14" }),
+                  /* @__PURE__ */ jsx15("path", { d: "m12 5 7 7-7 7" })
+                ]
+              }
+            ) })
+          ] }) : null,
+          t18("slashMenu.toNavigate")
+        ] }),
+        /* @__PURE__ */ jsxs6(Shortcut, { children: [
+          searchText ? /* @__PURE__ */ jsxs6(Fragment5, { children: [
+            /* @__PURE__ */ jsx15("kbd", { children: getModKeyName() }),
+            /* @__PURE__ */ jsx15("span", { children: " + " })
+          ] }) : null,
+          /* @__PURE__ */ jsx15("kbd", { "aria-label": "Enter", children: /* @__PURE__ */ jsxs6(
+            "svg",
+            {
+              width: "14",
+              height: "14",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "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" })
+              ]
+            }
+          ) }),
+          t18("slashMenu.toSelect")
+        ] })
+      ] })
     ] });
   }
 );
+var SlashMenuFooter = styled8.div`
+  display: flex;
+  justify-content: space-between;
+  padding: ${(props) => props.theme.spaceXs};
+  background-color: ${(props) => props.theme.contextMenuBgColor};
+  border-top: 1px solid ${(props) => props.theme.slashMenuBorderColor};
+  gap: 8px;
+  font-size: 0.85em;
+`;
+var Shortcut = styled8.div`
+  display: flex;
+  gap: 0.25rem;
+  white-space: nowrap;
+
+  & kbd {
+    padding: 0 4px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 16px;
+  }
+`;
 var MenuPanel = styled8.div.attrs((p) => p)`
   display: flex;
   min-width: 130px;
+  width: 100%;
   flex-direction: column;
   overscroll-behavior: contain;
-  border-radius: ${(props) => props.location === "left" ? `${props.theme.smallBorderRadius} 0 0
-    ${props.theme.smallBorderRadius}` : `0 ${props.theme.smallBorderRadius} ${props.theme.smallBorderRadius} 0`};
   background-color: ${(props) => props.active ? darken(props.theme.contextMenuBgColorHover, 0.2) : props.theme.contextMenuBgColorHover};
   padding: ${(props) => props.theme.spaceXs};
   color: ${(props) => props.theme.primaryFontColor};
@@ -22660,6 +22947,7 @@ var MenuItem = styled8.li.attrs((props) => ({
   align-items: center;
   border-radius: ${(props) => props.theme.smallBorderRadius};
   padding: ${(props) => props.theme.spaceXs};
+  font-size: ${(props) => props.theme.fontXs};
   outline: none !important;
 
   &:hover {
@@ -22674,10 +22962,20 @@ var MenuItem = styled8.li.attrs((props) => ({
   }
 }}
 `;
+var SearchContainer = styled8.div`
+  padding: ${(props) => props.theme.spaceXs};
+  background-color: ${(props) => props.theme.contextMenuBgColor};
+  border-bottom: 1px solid ${(props) => props.theme.slashMenuBorderColor};
+  border-radius: ${(props) => props.theme.smallBorderRadius}
+    ${(props) => props.theme.smallBorderRadius} 0 0;
+`;
+var MenuContainer = styled8.div`
+  display: flex;
+  flex: 1;
+`;
 
 // src/editor/toolbar/SlashMenu/index.tsx
-import styled9 from "styled-components";
-import { Fragment as Fragment5, jsx as jsx16 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx16 } from "react/jsx-runtime";
 var SlashMenu = () => {
   const { view: editorView, getState, commands } = useRemirrorContext3({ autoUpdate: true });
   if (!editorView) {
@@ -22742,17 +23040,22 @@ var SlashMenu = () => {
       }
     ]
   });
-  const closeMenu = useCallback4(() => {
+  const closeMenu = useCallback4((config) => {
     if (menuState.open) {
       dispatchWithMeta(editorView, slashMenuExtension.pluginKey, {
         type: "close" /* close */
       });
+      if (config?.insertSlash) {
+        editorView.dispatch(
+          editorView.state.tr.insertText("/").setMeta(slashMenuExtension.pluginKey, {
+            type: "close" /* close */
+          })
+        );
+      }
+      editorView.focus();
     }
   }, [editorView, menuState.open, slashMenuExtension.pluginKey]);
-  useEffect6(() => {
-    editorView.focus();
-  }, [menuState?.open]);
-  return /* @__PURE__ */ jsx16(Fragment5, { children: menuState.open ? /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx16(Fragment6, { children: menuState.open ? /* @__PURE__ */ jsx16(
     Container2,
     {
       ref: setPopperElement,
@@ -22787,7 +23090,7 @@ import {
 } from "@mui/material";
 import { useCommands } from "@remirror/react";
 import styled10 from "styled-components";
-import { useTranslation } from "react-i18next";
+import { useTranslation as useTranslation2 } from "react-i18next";
 import { jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
 var Container3 = styled10.div`
   position: absolute;
@@ -22801,7 +23104,7 @@ var ActiveCellMenu = (props) => {
   const commands = useCommands();
   const [open, setOpen] = useState8(false);
   const anchorRef = useRef7(null);
-  const { t: t18 } = useTranslation();
+  const { t: t18 } = useTranslation2();
   const options = [
     {
       label: "insert column before",
@@ -23016,7 +23319,7 @@ var activeCellColumnAndRowPositioner = Positioner.create({
 });
 
 // src/editor/toolbar/TableToolbar/index.tsx
-import { Fragment as Fragment6, jsx as jsx19 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx19 } from "react/jsx-runtime";
 var MultiPositionerIllustration = ({ positioner }) => {
   const positioners = useMultiPositioner(positioner, []);
   const { forceUpdatePositioners } = useCommands3();
@@ -23025,13 +23328,13 @@ var MultiPositionerIllustration = ({ positioner }) => {
   }, [forceUpdatePositioners]);
   if (positioners.length === 0) return null;
   const positionersRender = [TableBar_default, ActiveCellMenu_default];
-  return /* @__PURE__ */ jsx19(Fragment6, { children: positioners.map((pos, i) => {
+  return /* @__PURE__ */ jsx19(Fragment7, { children: positioners.map((pos, i) => {
     const Component = positionersRender[i];
     return /* @__PURE__ */ jsx19(Component, { positioner: pos }, pos.key);
   }) });
 };
 var TableToolbar = () => {
-  return /* @__PURE__ */ jsx19(Fragment6, { children: /* @__PURE__ */ jsx19(PositionerPortal, { children: /* @__PURE__ */ jsx19(MultiPositionerIllustration, { positioner: activeCellColumnAndRowPositioner }) }) });
+  return /* @__PURE__ */ jsx19(Fragment7, { children: /* @__PURE__ */ jsx19(PositionerPortal, { children: /* @__PURE__ */ jsx19(MultiPositionerIllustration, { positioner: activeCellColumnAndRowPositioner }) }) });
 };
 var TableToolbar_default = TableToolbar;
 
@@ -23769,6 +24072,12 @@ var en_default = {
     bulletList: "Bullet List",
     orderedList: "Ordered List",
     taskList: "Task List"
+  },
+  slashMenu: {
+    searchPlaceholder: "Search menu items...",
+    noResults: "No results",
+    toNavigate: "to navigate",
+    toSelect: "to select"
   }
 };