@kopexa/tiptap 17.6.18 → 17.7.0

package/dist/ui/slash-dropdown-menu/slash-dropdown-menu.js

@@ -1,1053 +0,0 @@
-"use client";
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/ui/slash-dropdown-menu/slash-dropdown-menu.tsx
-var slash_dropdown_menu_exports = {};
-__export(slash_dropdown_menu_exports, {
-  SlashDropdownMenu: () => SlashDropdownMenu
-});
-module.exports = __toCommonJS(slash_dropdown_menu_exports);
-var import_button = require("@kopexa/button");
-var import_editor_utils3 = require("@kopexa/editor-utils");
-var import_separator = require("@kopexa/separator");
-var import_theme = require("@kopexa/theme");
-var React5 = __toESM(require("react"));
-
-// src/ui/suggestion-menu/suggestion-menu.tsx
-var import_react4 = require("@floating-ui/react");
-var import_state = require("@tiptap/pm/state");
-var import_suggestion = require("@tiptap/suggestion");
-var React3 = __toESM(require("react"));
-
-// src/hooks/use-floating-element.ts
-var import_react = require("@floating-ui/react");
-var React = __toESM(require("react"));
-function useFloatingElement(show, referencePos, zIndex, options) {
-  const { dismissOptions, ...floatingOptions } = options || {};
-  const { refs, update, context, floatingStyles } = (0, import_react.useFloating)({
-    open: show,
-    ...floatingOptions
-  });
-  const { isMounted, styles } = (0, import_react.useTransitionStyles)(context);
-  const dismiss = (0, import_react.useDismiss)(context, dismissOptions);
-  const { getReferenceProps, getFloatingProps } = (0, import_react.useInteractions)([dismiss]);
-  React.useEffect(() => {
-    update();
-  }, [referencePos, update]);
-  React.useEffect(() => {
-    if (referencePos === null) {
-      return;
-    }
-    refs.setReference({
-      getBoundingClientRect: () => referencePos
-    });
-  }, [referencePos, refs]);
-  return React.useMemo(
-    () => ({
-      isMounted,
-      ref: refs.setFloating,
-      style: {
-        ...styles,
-        ...floatingStyles,
-        zIndex
-      },
-      update,
-      getFloatingProps,
-      getReferenceProps
-    }),
-    [
-      floatingStyles,
-      isMounted,
-      refs.setFloating,
-      styles,
-      update,
-      zIndex,
-      getFloatingProps,
-      getReferenceProps
-    ]
-  );
-}
-
-// src/hooks/use-menu-navigation.ts
-var React2 = __toESM(require("react"));
-function useMenuNavigation({
-  editor,
-  containerRef,
-  query,
-  items,
-  onSelect,
-  onClose,
-  orientation = "vertical",
-  autoSelectFirstItem = true
-}) {
-  const [selectedIndex, setSelectedIndex] = React2.useState(
-    autoSelectFirstItem ? 0 : -1
-  );
-  React2.useEffect(() => {
-    const handleKeyboardNavigation = (event) => {
-      if (!items.length) return false;
-      const moveNext = () => setSelectedIndex((currentIndex) => {
-        if (currentIndex === -1) return 0;
-        return (currentIndex + 1) % items.length;
-      });
-      const movePrev = () => setSelectedIndex((currentIndex) => {
-        if (currentIndex === -1) return items.length - 1;
-        return (currentIndex - 1 + items.length) % items.length;
-      });
-      switch (event.key) {
-        case "ArrowUp": {
-          if (orientation === "horizontal") return false;
-          event.preventDefault();
-          movePrev();
-          return true;
-        }
-        case "ArrowDown": {
-          if (orientation === "horizontal") return false;
-          event.preventDefault();
-          moveNext();
-          return true;
-        }
-        case "ArrowLeft": {
-          if (orientation === "vertical") return false;
-          event.preventDefault();
-          movePrev();
-          return true;
-        }
-        case "ArrowRight": {
-          if (orientation === "vertical") return false;
-          event.preventDefault();
-          moveNext();
-          return true;
-        }
-        case "Tab": {
-          event.preventDefault();
-          if (event.shiftKey) {
-            movePrev();
-          } else {
-            moveNext();
-          }
-          return true;
-        }
-        case "Home": {
-          event.preventDefault();
-          setSelectedIndex(0);
-          return true;
-        }
-        case "End": {
-          event.preventDefault();
-          setSelectedIndex(items.length - 1);
-          return true;
-        }
-        case "Enter": {
-          if (event.isComposing) return false;
-          event.preventDefault();
-          if (selectedIndex !== -1 && items[selectedIndex]) {
-            onSelect == null ? void 0 : onSelect(items[selectedIndex]);
-          }
-          return true;
-        }
-        case "Escape": {
-          event.preventDefault();
-          onClose == null ? void 0 : onClose();
-          return true;
-        }
-        default:
-          return false;
-      }
-    };
-    let targetElement = null;
-    if (editor) {
-      targetElement = editor.view.dom;
-    } else if (containerRef == null ? void 0 : containerRef.current) {
-      targetElement = containerRef.current;
-    }
-    if (targetElement) {
-      targetElement.addEventListener("keydown", handleKeyboardNavigation, true);
-      return () => {
-        targetElement == null ? void 0 : targetElement.removeEventListener(
-          "keydown",
-          handleKeyboardNavigation,
-          true
-        );
-      };
-    }
-    return void 0;
-  }, [
-    editor,
-    containerRef,
-    items,
-    selectedIndex,
-    onSelect,
-    onClose,
-    orientation
-  ]);
-  React2.useEffect(() => {
-    if (query) {
-      setSelectedIndex(autoSelectFirstItem ? 0 : -1);
-    }
-  }, [query, autoSelectFirstItem]);
-  return {
-    selectedIndex: items.length ? selectedIndex : void 0,
-    setSelectedIndex
-  };
-}
-
-// src/hooks/use-tiptap-editor.ts
-var import_react2 = require("@tiptap/react");
-var import_react3 = require("react");
-function useTiptapEditor(providedEditor) {
-  const { editor: coreEditor } = (0, import_react2.useCurrentEditor)();
-  const mainEditor = (0, import_react3.useMemo)(
-    () => providedEditor || coreEditor,
-    [providedEditor, coreEditor]
-  );
-  const editorState = (0, import_react2.useEditorState)({
-    editor: mainEditor,
-    selector(context) {
-      if (!context.editor) {
-        return {
-          editor: null,
-          editorState: void 0,
-          canCommand: void 0
-        };
-      }
-      return {
-        editor: context.editor,
-        editorState: context.editor.state,
-        canCommand: context.editor.can
-      };
-    }
-  });
-  return editorState || { editor: null };
-}
-
-// src/ui/suggestion-menu/suggestion-menu-utils.ts
-function calculateStartPosition(cursorPosition, previousNode, triggerChar) {
-  if (!(previousNode == null ? void 0 : previousNode.text) || !triggerChar) {
-    return cursorPosition;
-  }
-  const commandText = previousNode.text;
-  const triggerCharIndex = commandText.lastIndexOf(triggerChar);
-  if (triggerCharIndex === -1) {
-    return cursorPosition;
-  }
-  const textLength = commandText.substring(triggerCharIndex).length;
-  return cursorPosition - textLength;
-}
-function filterSuggestionItems(items, query) {
-  const normalizedQuery = query.trim().toLowerCase();
-  if (!normalizedQuery) {
-    return items;
-  }
-  return items.filter((item) => {
-    var _a, _b;
-    if (item.title.toLowerCase().includes(normalizedQuery)) {
-      return true;
-    }
-    if ((_a = item.subtext) == null ? void 0 : _a.toLowerCase().includes(normalizedQuery)) {
-      return true;
-    }
-    if ((_b = item.keywords) == null ? void 0 : _b.some(
-      (keyword) => keyword.toLowerCase().includes(normalizedQuery)
-    )) {
-      return true;
-    }
-    return false;
-  }).sort((a, b) => {
-    const aTitle = a.title.toLowerCase();
-    const bTitle = b.title.toLowerCase();
-    if (aTitle === normalizedQuery && bTitle !== normalizedQuery) return -1;
-    if (bTitle === normalizedQuery && aTitle !== normalizedQuery) return 1;
-    if (aTitle.startsWith(normalizedQuery) && !bTitle.startsWith(normalizedQuery))
-      return -1;
-    if (bTitle.startsWith(normalizedQuery) && !aTitle.startsWith(normalizedQuery))
-      return 1;
-    return 0;
-  });
-}
-
-// src/ui/suggestion-menu/suggestion-menu.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var SuggestionMenu = ({
-  editor: providedEditor,
-  floatingOptions,
-  selector = "tiptap-suggestion-menu",
-  children,
-  maxHeight = 384,
-  pluginKey = import_suggestion.SuggestionPluginKey,
-  ...internalSuggestionProps
-}) => {
-  const { editor } = useTiptapEditor(providedEditor);
-  const [show, setShow] = React3.useState(false);
-  const [internalClientRect, setInternalClientRect] = React3.useState(null);
-  const [internalCommand, setInternalCommand] = React3.useState(null);
-  const [internalItems, setInternalItems] = React3.useState(
-    []
-  );
-  const [internalQuery, setInternalQuery] = React3.useState("");
-  const [, setInternalRange] = React3.useState(null);
-  const { ref, style, getFloatingProps, isMounted } = useFloatingElement(
-    show,
-    internalClientRect,
-    1e3,
-    {
-      placement: "bottom-start",
-      middleware: [
-        (0, import_react4.offset)(10),
-        (0, import_react4.flip)({
-          mainAxis: true,
-          crossAxis: false
-        }),
-        (0, import_react4.shift)(),
-        (0, import_react4.size)({
-          apply({ availableHeight, elements }) {
-            if (elements.floating) {
-              const maxHeightValue = maxHeight ? Math.min(maxHeight, availableHeight) : availableHeight;
-              elements.floating.style.setProperty(
-                "--suggestion-menu-max-height",
-                `${maxHeightValue}px`
-              );
-            }
-          }
-        })
-      ],
-      onOpenChange(open) {
-        if (!open) {
-          setShow(false);
-        }
-      },
-      ...floatingOptions
-    }
-  );
-  const internalSuggestionPropsRef = React3.useRef(internalSuggestionProps);
-  React3.useEffect(() => {
-    internalSuggestionPropsRef.current = internalSuggestionProps;
-  }, [internalSuggestionProps]);
-  const closePopup = React3.useCallback(() => {
-    setShow(false);
-  }, []);
-  React3.useEffect(() => {
-    if (!editor || editor.isDestroyed) {
-      return;
-    }
-    const existingPlugin = editor.state.plugins.find(
-      (plugin) => plugin.spec.key === pluginKey
-    );
-    if (existingPlugin) {
-      editor.unregisterPlugin(pluginKey);
-    }
-    const suggestion = (0, import_suggestion.Suggestion)({
-      pluginKey: pluginKey instanceof import_state.PluginKey ? pluginKey : new import_state.PluginKey(pluginKey),
-      editor,
-      command({ editor: editor2, range, props }) {
-        var _a, _b;
-        if (!range) {
-          return;
-        }
-        const { view, state } = editor2;
-        const { selection } = state;
-        const isMention = editor2.extensionManager.extensions.some(
-          (extension) => {
-            var _a2, _b2;
-            const name = extension.name;
-            return name === "mention" && ((_b2 = (_a2 = extension.options) == null ? void 0 : _a2.suggestion) == null ? void 0 : _b2.char) === internalSuggestionPropsRef.current.char;
-          }
-        );
-        if (!isMention) {
-          const cursorPosition = selection.$from.pos;
-          const previousNode = (_a = selection.$head) == null ? void 0 : _a.nodeBefore;
-          const startPosition = previousNode ? calculateStartPosition(
-            cursorPosition,
-            previousNode,
-            internalSuggestionPropsRef.current.char
-          ) : selection.$from.start();
-          const transaction = state.tr.deleteRange(
-            startPosition,
-            cursorPosition
-          );
-          view.dispatch(transaction);
-        }
-        const nodeAfter = view.state.selection.$to.nodeAfter;
-        const overrideSpace = (_b = nodeAfter == null ? void 0 : nodeAfter.text) == null ? void 0 : _b.startsWith(" ");
-        const rangeToUse = { ...range };
-        if (overrideSpace) {
-          rangeToUse.to += 1;
-        }
-        props.onSelect({ editor: editor2, range: rangeToUse, context: props.context });
-      },
-      render: () => {
-        return {
-          onStart: (props) => {
-            var _a, _b;
-            setInternalCommand(() => props.command);
-            setInternalItems(props.items);
-            setInternalQuery(props.query);
-            setInternalRange(props.range);
-            setInternalClientRect((_b = (_a = props.clientRect) == null ? void 0 : _a.call(props)) != null ? _b : null);
-            setShow(true);
-          },
-          onUpdate: (props) => {
-            var _a, _b;
-            setInternalCommand(() => props.command);
-            setInternalItems(props.items);
-            setInternalQuery(props.query);
-            setInternalRange(props.range);
-            setInternalClientRect((_b = (_a = props.clientRect) == null ? void 0 : _a.call(props)) != null ? _b : null);
-          },
-          onKeyDown: (props) => {
-            if (props.event.key === "Escape") {
-              closePopup();
-              return true;
-            }
-            return false;
-          },
-          onExit: () => {
-            setInternalCommand(null);
-            setInternalItems([]);
-            setInternalQuery("");
-            setInternalRange(null);
-            setInternalClientRect(null);
-            setShow(false);
-          }
-        };
-      },
-      ...internalSuggestionPropsRef.current
-    });
-    editor.registerPlugin(suggestion);
-    return () => {
-      if (!editor.isDestroyed) {
-        editor.unregisterPlugin(pluginKey);
-      }
-    };
-  }, [editor, pluginKey, closePopup]);
-  const onSelect = React3.useCallback(
-    (item) => {
-      closePopup();
-      if (internalCommand) {
-        internalCommand(item);
-      }
-    },
-    [closePopup, internalCommand]
-  );
-  const { selectedIndex } = useMenuNavigation({
-    editor,
-    query: internalQuery,
-    items: internalItems,
-    onSelect
-  });
-  if (!isMounted || !show || !editor) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      ref,
-      style,
-      ...getFloatingProps(),
-      "data-selector": selector,
-      className: "tiptap-suggestion-menu",
-      role: "listbox",
-      "aria-label": "Suggestions",
-      onPointerDown: (e) => e.preventDefault(),
-      children: children({
-        items: internalItems,
-        selectedIndex,
-        onSelect
-      })
-    }
-  ) });
-};
-
-// src/ui/slash-dropdown-menu/use-slash-dropdown-menu.ts
-var import_editor_utils2 = require("@kopexa/editor-utils");
-var import_icons2 = require("@kopexa/icons");
-var React4 = __toESM(require("react"));
-
-// src/ui/table-button/use-table.ts
-var import_editor_utils = require("@kopexa/editor-utils");
-var import_icons = require("@kopexa/icons");
-var import_react5 = require("@tiptap/react");
-var import_react6 = require("react");
-function canToggle(editor) {
-  if (!editor || !editor.isEditable) return false;
-  if (!(0, import_editor_utils.isNodeInSchema)("table", editor) || (0, import_editor_utils.isNodeTypeSelected)(editor, ["image"])) {
-    return false;
-  }
-  try {
-    return editor.can().insertTable({ rows: 3, cols: 3, withHeaderRow: true });
-  } catch {
-    return false;
-  }
-}
-function toggleTable(editor, config) {
-  var _a;
-  if (!editor || !editor.isEditable) return false;
-  if (!canToggle(editor)) return false;
-  try {
-    return editor.chain().focus().insertTable({
-      rows: (config == null ? void 0 : config.rows) || 3,
-      cols: (config == null ? void 0 : config.cols) || 3,
-      withHeaderRow: (_a = config == null ? void 0 : config.withHeaderRow) != null ? _a : true
-    }).run();
-  } catch {
-    return false;
-  }
-}
-
-// src/ui/slash-dropdown-menu/use-slash-dropdown-menu.ts
-var texts = {
-  // AI
-  continue_writing: {
-    title: "Continue Writing",
-    subtext: "Continue writing from the current position",
-    keywords: ["continue", "write", "continue writing", "ai"],
-    badge: import_icons2.AiSparklesIcon,
-    group: "AI"
-  },
-  ai_ask_button: {
-    title: "Ask AI",
-    subtext: "Ask AI to generate content",
-    keywords: ["ai", "ask", "generate"],
-    badge: import_icons2.AiSparklesIcon,
-    group: "AI"
-  },
-  // Style
-  text: {
-    title: "Text",
-    subtext: "Regular text paragraph",
-    keywords: ["p", "paragraph", "text"],
-    badge: import_icons2.TypeIcon,
-    group: "Style"
-  },
-  heading_1: {
-    title: "Heading 1",
-    subtext: "Top-level heading",
-    keywords: ["h", "heading1", "h1"],
-    badge: import_icons2.HeadingOneIcon,
-    group: "Style"
-  },
-  heading_2: {
-    title: "Heading 2",
-    subtext: "Key section heading",
-    keywords: ["h2", "heading2", "subheading"],
-    badge: import_icons2.HeadingTwoIcon,
-    group: "Style"
-  },
-  heading_3: {
-    title: "Heading 3",
-    subtext: "Subsection and group heading",
-    keywords: ["h3", "heading3", "subheading"],
-    badge: import_icons2.HeadingThreeIcon,
-    group: "Style"
-  },
-  bullet_list: {
-    title: "Bullet List",
-    subtext: "List with unordered items",
-    keywords: ["ul", "li", "list", "bulletlist", "bullet list"],
-    badge: import_icons2.ListIcon,
-    group: "Style"
-  },
-  ordered_list: {
-    title: "Numbered List",
-    subtext: "List with ordered items",
-    keywords: ["ol", "li", "list", "numberedlist", "numbered list"],
-    badge: import_icons2.ListOrderedIcon,
-    group: "Style"
-  },
-  task_list: {
-    title: "To-do list",
-    subtext: "List with tasks",
-    keywords: ["tasklist", "task list", "todo", "checklist"],
-    badge: import_icons2.ListTodoIcon,
-    group: "Style"
-  },
-  quote: {
-    title: "Blockquote",
-    subtext: "Blockquote block",
-    keywords: ["quote", "blockquote"],
-    badge: import_icons2.BlockquoteIcon,
-    group: "Style"
-  },
-  code_block: {
-    title: "Code Block",
-    subtext: "Code block with syntax highlighting",
-    keywords: ["code", "pre"],
-    badge: import_icons2.CodeBlockIcon,
-    group: "Style"
-  },
-  // Insert
-  // mention: {
-  //   title: "Mention",
-  //   subtext: "Mention a user or item",
-  //   keywords: ["mention", "user", "item", "tag"],
-  //   badge: AtSignIcon,
-  //   group: "Insert",
-  // },
-  // emoji: {
-  //   title: "Emoji",
-  //   subtext: "Insert an emoji",
-  //   keywords: ["emoji", "emoticon", "smiley"],
-  //   badge: SmilePlusIcon,
-  //   group: "Insert",
-  // },
-  control: {
-    title: "Control",
-    subtext: "Insert a control block",
-    keywords: ["control"],
-    badge: import_icons2.ControlsIcon,
-    group: "Insert"
-  },
-  divider: {
-    title: "Separator",
-    subtext: "Horizontal line to separate content",
-    keywords: ["hr", "horizontalRule", "line", "separator"],
-    badge: import_icons2.MinusIcon,
-    group: "Insert"
-  },
-  table: {
-    title: "Table",
-    subtext: "Insert a table",
-    keywords: ["table", "grid", "spreadsheet"],
-    badge: import_icons2.TableIcon,
-    group: "Insert"
-  },
-  table_of_contents: {
-    title: "Table of Contents",
-    subtext: "Auto-generated list of headings",
-    keywords: ["toc", "table of contents", "index", "navigation", "headings"],
-    badge: import_icons2.TableOfContentsIcon,
-    group: "Insert"
-  },
-  callout: {
-    title: "Callout",
-    subtext: "Highlighted block for important information",
-    keywords: ["callout", "info", "warning", "alert", "note", "tip"],
-    badge: import_icons2.InfoIcon,
-    group: "Insert"
-  },
-  callout_warning: {
-    title: "Warning",
-    subtext: "Warning callout block",
-    keywords: ["warning", "caution", "attention"],
-    badge: import_icons2.AlertIcon,
-    group: "Insert"
-  },
-  math: {
-    title: "Formula",
-    subtext: "LaTeX math formula block",
-    keywords: ["math", "latex", "formula", "equation", "katex"],
-    badge: import_icons2.TypeIcon,
-    group: "Insert"
-  },
-  // Upload
-  image: {
-    title: "Image",
-    subtext: "Resizable image with caption",
-    keywords: [
-      "image",
-      "imageUpload",
-      "upload",
-      "img",
-      "picture",
-      "media",
-      "url"
-    ],
-    badge: import_icons2.ImageIcon,
-    group: "Upload"
-  }
-};
-var getItemImplementations = () => {
-  return {
-    // AI
-    continue_writing: {
-      check: (editor) => {
-        const { hasContent } = (0, import_editor_utils2.hasContentAbove)(editor);
-        const extensionsReady = (0, import_editor_utils2.isExtensionAvailable)(editor, [
-          "ai",
-          "aiAdvanced"
-        ]);
-        return extensionsReady && hasContent;
-      },
-      action: ({ editor }) => {
-        const editorChain = editor.chain().focus();
-        const nodeSelectionPosition = (0, import_editor_utils2.findSelectionPosition)({ editor });
-        if (nodeSelectionPosition !== null) {
-          editorChain.setNodeSelection(nodeSelectionPosition);
-        }
-        editorChain.run();
-        editor.chain().focus().aiGenerationShow().run();
-        requestAnimationFrame(() => {
-          const { hasContent, content } = (0, import_editor_utils2.hasContentAbove)(editor);
-          const snippet = content.length > 500 ? `...${content.slice(-500)}` : content;
-          const prompt = hasContent ? `Context: ${snippet}
-
-Continue writing from where the text above ends. Write ONLY ONE SENTENCE. DONT REPEAT THE TEXT.` : "Start writing a new paragraph. Write ONLY ONE SENTENCE.";
-          editor.chain().focus().aiTextPrompt({
-            stream: true,
-            format: "rich-text",
-            text: prompt
-          }).run();
-        });
-      }
-    },
-    ai_ask_button: {
-      check: (editor) => (0, import_editor_utils2.isExtensionAvailable)(editor, ["ai", "aiAdvanced"]),
-      action: ({ editor }) => {
-        const editorChain = editor.chain().focus();
-        const nodeSelectionPosition = (0, import_editor_utils2.findSelectionPosition)({ editor });
-        if (nodeSelectionPosition !== null) {
-          editorChain.setNodeSelection(nodeSelectionPosition);
-        }
-        editorChain.run();
-        editor.chain().focus().aiGenerationShow().run();
-      }
-    },
-    // Style
-    text: {
-      check: (editor) => (0, import_editor_utils2.isNodeInSchema)("paragraph", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().setParagraph().run();
-      }
-    },
-    heading_1: {
-      check: (editor) => (0, import_editor_utils2.isNodeInSchema)("heading", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().toggleHeading({ level: 1 }).run();
-      }
-    },
-    heading_2: {
-      check: (editor) => (0, import_editor_utils2.isNodeInSchema)("heading", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().toggleHeading({ level: 2 }).run();
-      }
-    },
-    heading_3: {
-      check: (editor) => (0, import_editor_utils2.isNodeInSchema)("heading", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().toggleHeading({ level: 3 }).run();
-      }
-    },
-    bullet_list: {
-      check: (editor) => (0, import_editor_utils2.isNodeInSchema)("bulletList", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().toggleBulletList().run();
-      }
-    },
-    ordered_list: {
-      check: (editor) => (0, import_editor_utils2.isNodeInSchema)("orderedList", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().toggleOrderedList().run();
-      }
-    },
-    task_list: {
-      check: (editor) => (0, import_editor_utils2.isNodeInSchema)("taskList", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().toggleTaskList().run();
-      }
-    },
-    quote: {
-      check: (editor) => (0, import_editor_utils2.isNodeInSchema)("blockquote", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().toggleBlockquote().run();
-      }
-    },
-    code_block: {
-      check: (editor) => (0, import_editor_utils2.isNodeInSchema)("codeBlock", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().toggleNode("codeBlock", "paragraph").run();
-      }
-    },
-    // Insert
-    // mention: {
-    //   check: (editor: Editor) =>
-    //     isExtensionAvailable(editor, ["mention", "mentionAdvanced"]),
-    //   action: ({ editor }: { editor: Editor }) => addMentionTrigger(editor),
-    // },
-    // emoji: {
-    //   check: (editor: Editor) =>
-    //     isExtensionAvailable(editor, ["emoji", "emojiPicker"]),
-    //   action: ({ editor }: { editor: Editor }) => addEmojiTrigger(editor),
-    // },
-    divider: {
-      check: (editor) => (0, import_editor_utils2.isNodeInSchema)("horizontalRule", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().setHorizontalRule().run();
-      }
-    },
-    table: {
-      check: (editor) => (0, import_editor_utils2.isNodeInSchema)("table", editor),
-      action: ({ editor }) => toggleTable(editor, { rows: 3, cols: 3, withHeaderRow: true })
-    },
-    control: {
-      check: (editor) => (0, import_editor_utils2.isNodeInSchema)("controlBlock", editor),
-      action: ({ editor }) => {
-        try {
-          return editor.chain().focus().insertControlBlock().run();
-        } catch (e) {
-          console.error(e);
-        }
-      }
-    },
-    table_of_contents: {
-      check: (editor) => (0, import_editor_utils2.isNodeInSchema)("tableOfContentsNode", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().insertTableOfContents().run();
-      }
-    },
-    callout: {
-      check: (editor) => (0, import_editor_utils2.isNodeInSchema)("calloutNode", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().insertCallout("info").run();
-      }
-    },
-    callout_warning: {
-      check: (editor) => (0, import_editor_utils2.isNodeInSchema)("calloutNode", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().insertCallout("warning").run();
-      }
-    },
-    math: {
-      check: (editor) => (0, import_editor_utils2.isNodeInSchema)("mathBlock", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().insertMathBlock().run();
-      }
-    },
-    // Upload
-    image: {
-      check: (editor) => (0, import_editor_utils2.isNodeInSchema)("imageUpload", editor),
-      action: ({ editor }) => {
-        editor.chain().focus().setImageUpload().run();
-      }
-    }
-  };
-};
-function organizeItemsByGroups(items, showGroups) {
-  if (!showGroups) {
-    return items.map((item) => ({ ...item, group: "" }));
-  }
-  const groups = {};
-  items.forEach((item) => {
-    const groupLabel = item.group || "";
-    if (!groups[groupLabel]) {
-      groups[groupLabel] = [];
-    }
-    groups[groupLabel].push(item);
-  });
-  const organizedItems = [];
-  Object.entries(groups).forEach(([, groupItems]) => {
-    organizedItems.push(...groupItems);
-  });
-  return organizedItems;
-}
-function useSlashDropdownMenu(config) {
-  const getSlashMenuItems = React4.useCallback(
-    (editor) => {
-      const items = [];
-      const enabledItems = (config == null ? void 0 : config.enabledItems) || Object.keys(texts);
-      const showGroups = (config == null ? void 0 : config.showGroups) !== false;
-      const itemImplementations = getItemImplementations();
-      enabledItems.forEach((itemType) => {
-        var _a;
-        const itemImpl = itemImplementations[itemType];
-        const itemText = texts[itemType];
-        if (itemImpl && itemText && itemImpl.check(editor)) {
-          const item = {
-            onSelect: ({ editor: editor2 }) => itemImpl.action({ editor: editor2 }),
-            ...itemText
-          };
-          if ((_a = config == null ? void 0 : config.itemGroups) == null ? void 0 : _a[itemType]) {
-            item.group = config.itemGroups[itemType];
-          } else if (!showGroups) {
-            item.group = "";
-          }
-          items.push(item);
-        }
-      });
-      if (config == null ? void 0 : config.customItems) {
-        items.push(...config.customItems);
-      }
-      return organizeItemsByGroups(items, showGroups);
-    },
-    [config]
-  );
-  return {
-    getSlashMenuItems,
-    config
-  };
-}
-
-// src/ui/slash-dropdown-menu/slash-dropdown-menu.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var SlashDropdownMenu = (props) => {
-  const { config, ...restProps } = props;
-  const { getSlashMenuItems } = useSlashDropdownMenu(config);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    SuggestionMenu,
-    {
-      char: "/",
-      pluginKey: "slashDropdownMenu",
-      decorationClass: "tiptap-slash-decoration",
-      decorationContent: "Filter...",
-      selector: "tiptap-slash-dropdown-menu",
-      items: ({ query, editor }) => filterSuggestionItems(getSlashMenuItems(editor), query),
-      ...restProps,
-      children: (props2) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(List, { ...props2, config })
-    }
-  );
-};
-var Item = (props) => {
-  const { item, isSelected, onSelect } = props;
-  const itemRef = React5.useRef(null);
-  React5.useEffect(() => {
-    const selector = document.querySelector(
-      '[data-selector="tiptap-slash-dropdown-menu"]'
-    );
-    if (!itemRef.current || !isSelected || !selector) return;
-    const overflow = (0, import_editor_utils3.getElementOverflowPosition)(itemRef.current, selector);
-    if (overflow === "top") {
-      itemRef.current.scrollIntoView(true);
-    } else if (overflow === "bottom") {
-      itemRef.current.scrollIntoView(false);
-    }
-  }, [isSelected]);
-  const BadgeIcon = item.badge;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_button.Button,
-    {
-      ref: itemRef,
-      variant: "ghost",
-      color: "default",
-      startContent: BadgeIcon && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BadgeIcon, {}),
-      "data-active-state": isSelected ? "on" : "off",
-      onClick: onSelect,
-      fullWidth: true,
-      spacing: "start",
-      children: item.title
-    }
-  );
-};
-var List = ({
-  items,
-  selectedIndex,
-  onSelect,
-  config
-}) => {
-  const styles = (0, import_theme.slashDropdownMenu)();
-  const renderedItems = React5.useMemo(() => {
-    const rendered = [];
-    const showGroups = (config == null ? void 0 : config.showGroups) !== false;
-    if (!showGroups) {
-      items.forEach((item, index) => {
-        rendered.push(
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-            Item,
-            {
-              item,
-              isSelected: index === selectedIndex,
-              onSelect: () => onSelect(item)
-            },
-            `item-${index}-${item.title}`
-          )
-        );
-      });
-      return rendered;
-    }
-    const groups = {};
-    items.forEach((item, index) => {
-      const groupLabel = item.group || "";
-      if (!groups[groupLabel]) {
-        groups[groupLabel] = { items: [], indices: [] };
-      }
-      groups[groupLabel].items.push(item);
-      groups[groupLabel].indices.push(index);
-    });
-    Object.entries(groups).forEach(([groupLabel, groupData], groupIndex) => {
-      if (groupIndex > 0) {
-        rendered.push(
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-            import_separator.Separator,
-            {
-              orientation: "horizontal"
-            },
-            `separator-${groupIndex.toString()}`
-          )
-        );
-      }
-      const groupItems = groupData.items.map((item, itemIndex) => {
-        const originalIndex = groupData.indices[itemIndex];
-        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          Item,
-          {
-            item,
-            isSelected: originalIndex === selectedIndex,
-            onSelect: () => onSelect(item)
-          },
-          `item-${originalIndex}-${item.title}`
-        );
-      });
-      if (groupLabel) {
-        rendered.push(
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-            "div",
-            {
-              className: styles.cardItemGroup(),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: styles.cardGroupLabel(), children: groupLabel }),
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: styles.cardGroup(), children: groupItems })
-              ]
-            },
-            `group-${groupIndex}-${groupLabel}`
-          )
-        );
-      } else {
-        rendered.push(...groupItems);
-      }
-    });
-    return rendered;
-  }, [items, selectedIndex, onSelect, config == null ? void 0 : config.showGroups, styles]);
-  if (!renderedItems.length) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    "div",
-    {
-      className: styles.card(),
-      style: {
-        maxHeight: "var(--suggestion-menu-max-height)"
-      },
-      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: styles.body(), children: renderedItems })
-    }
-  );
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  SlashDropdownMenu
-});