wysimark-lite 0.18.0 → 0.21.2

package/dist/index.mjs

@@ -1,3 +1,5 @@
+"use client";
+
 // src/index.tsx
 import {
   createRef,
@@ -11,8 +13,8 @@ import { createRoot } from "react-dom/client";
 // src/entry/index.tsx
 import throttle3 from "lodash.throttle";
 import { useCallback as useCallback16, useRef as useRef13, useState as useState12 } from "react";
-import { Editor as Editor63, Transforms as Transforms45 } from "slate";
-import { ReactEditor as ReactEditor17, Slate as Slate2 } from "slate-react";
+import { Editor as Editor64, Transforms as Transforms47 } from "slate";
+import { ReactEditor as ReactEditor18, Slate as Slate2 } from "slate-react";
 
 // src/convert/parse/index.ts
 import remarkParse from "remark-parse";
@@ -1588,7 +1590,12 @@ var translations = {
     switchToVisualEditor: "\u30D3\u30B8\u30E5\u30A2\u30EB\u30A8\u30C7\u30A3\u30BF\u306B\u5207\u308A\u66FF\u3048",
     switchToRawMarkdown: "\u30DE\u30FC\u30AF\u30C0\u30A6\u30F3\u8868\u793A\u306B\u5207\u308A\u66FF\u3048",
     codeBlock: "\u30B3\u30FC\u30C9\u30D6\u30ED\u30C3\u30AF",
-    increaseQuoteDepth: "\u5F15\u7528\u3092\u91CD\u306D\u308B"
+    increaseQuoteDepth: "\u5F15\u7528\u3092\u91CD\u306D\u308B",
+    register: "\u767B\u9332",
+    imageSourceUrl: "URL",
+    imageSourceFile: "\u30D5\u30A1\u30A4\u30EB",
+    selectFile: "\u30D5\u30A1\u30A4\u30EB\u3092\u9078\u629E",
+    uploading: "\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u4E2D..."
   },
   en: {
     bold: "Bold",
@@ -1628,7 +1635,12 @@ var translations = {
     switchToVisualEditor: "Switch to visual editor",
     switchToRawMarkdown: "Switch to raw markdown",
     codeBlock: "Code Block",
-    increaseQuoteDepth: "Increase Quote Depth"
+    increaseQuoteDepth: "Increase Quote Depth",
+    register: "Register",
+    imageSourceUrl: "URL",
+    imageSourceFile: "File",
+    selectFile: "Select File",
+    uploading: "Uploading..."
   }
 };
 var getLanguage = () => {
@@ -1956,13 +1968,17 @@ function curryTwo(fn, arg1, arg2) {
 }
 
 // src/sink/utils/core-utils/is-mac.ts
-var IS_MAC_REGEX = /mac os x/i;
+var IS_MAC_REGEX = /mac os x|macintosh/i;
 var isMacValue = void 0;
 function isMac() {
   if (isMacValue !== void 0)
     return isMacValue;
-  const { userAgent } = window.navigator;
-  isMacValue = IS_MAC_REGEX.test(userAgent);
+  try {
+    const { userAgent } = window.navigator;
+    isMacValue = IS_MAC_REGEX.test(userAgent);
+  } catch {
+    isMacValue = false;
+  }
   return isMacValue;
 }
 
@@ -3613,6 +3629,10 @@ var AtomicDeletePlugin = createPlugin(
   }
 );
 
+// src/image-plugin/index.tsx
+import { Transforms as Transforms17 } from "slate";
+import { ReactEditor as ReactEditor9 } from "slate-react";
+
 // src/image-plugin/methods/index.ts
 import { Editor as Editor20, Transforms as Transforms12 } from "slate";
 import { ReactEditor as ReactEditor3 } from "slate-react";
@@ -4565,6 +4585,47 @@ function renderElement({
 }
 
 // src/image-plugin/index.tsx
+function createOnDrop2(editor) {
+  return (event) => {
+    const { dataTransfer } = event;
+    if (!dataTransfer.files || dataTransfer.files.length === 0) {
+      return false;
+    }
+    const imageFiles = Array.from(dataTransfer.files).filter(
+      (file) => file.type.startsWith("image/")
+    );
+    if (imageFiles.length === 0) {
+      return false;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    const range = ReactEditor9.findEventRange(editor, event);
+    if (range) {
+      Transforms17.select(editor, range);
+    }
+    const onImageChange = editor.wysimark?.onImageChange;
+    imageFiles.forEach(async (file) => {
+      if (onImageChange) {
+        try {
+          const url = await onImageChange(file);
+          if (url) {
+            editor.image.insertImageFromUrl(url, file.name, "");
+          }
+        } catch (error) {
+          console.error("Failed to upload image:", error);
+        }
+      } else {
+        const reader = new FileReader();
+        reader.onload = () => {
+          const dataUrl = reader.result;
+          editor.image.insertImageFromUrl(dataUrl, file.name, "");
+        };
+        reader.readAsDataURL(file);
+      }
+    });
+    return true;
+  };
+}
 var DEFAULT_OPTIONS = {
   maxInitialInlineImageSize: { width: 64, height: 64 },
   maxInitialImageSize: { width: 320, height: 320 },
@@ -4647,7 +4708,8 @@ var ImagePlugin = (
           normalizeNode: curryOne(normalizeNode2, editor)
         },
         editableProps: {
-          renderElement
+          renderElement,
+          onDrop: createOnDrop2(editor)
         }
       });
     }
@@ -4655,7 +4717,7 @@ var ImagePlugin = (
 );
 
 // src/block-quote-plugin/index.tsx
-import { Editor as Editor24, Element as Element11, Transforms as Transforms17 } from "slate";
+import { Editor as Editor25, Element as Element11, Transforms as Transforms18 } from "slate";
 
 // src/block-quote-plugin/styles.tsx
 import styled22 from "@emotion/styled";
@@ -4686,25 +4748,25 @@ var BlockQuotePlugin = createPlugin(
     editor.supportsBlockQuote = true;
     editor.blockQuotePlugin = {
       indent: () => {
-        Transforms17.wrapNodes(
+        Transforms18.wrapNodes(
           editor,
           { type: "block-quote", children: [] },
           { match: matchBlockQuoteSafe }
         );
       },
       outdent: () => {
-        Transforms17.liftNodes(editor, {
+        Transforms18.liftNodes(editor, {
           match: (node, path) => matchBlockQuoteSafe(node) && path.length > 1
         });
       },
       isActive: () => {
-        const [match] = Editor24.nodes(editor, {
+        const [match] = Editor25.nodes(editor, {
           match: (n) => Element11.isElement(n) && n.type === "block-quote"
         });
         return !!match;
       },
       increaseDepth: () => {
-        const [match] = Editor24.nodes(editor, {
+        const [match] = Editor25.nodes(editor, {
           match: (n) => Element11.isElement(n) && n.type === "block-quote"
         });
         if (!match)
@@ -4712,15 +4774,15 @@ var BlockQuotePlugin = createPlugin(
         if (!editor.blockQuotePlugin.canIncreaseDepth())
           return;
         const [, path] = match;
-        Transforms17.select(editor, path);
-        Transforms17.wrapNodes(
+        Transforms18.select(editor, path);
+        Transforms18.wrapNodes(
           editor,
           { type: "block-quote", children: [] },
           { at: path, split: false }
         );
       },
       decreaseDepth: () => {
-        const [match] = Editor24.nodes(editor, {
+        const [match] = Editor25.nodes(editor, {
           match: (n) => Element11.isElement(n) && n.type === "block-quote"
         });
         if (!match)
@@ -4730,7 +4792,7 @@ var BlockQuotePlugin = createPlugin(
         const [node, path] = match;
         const children = node.children;
         if (children.length === 1 && Element11.isElement(children[0]) && children[0].type === "block-quote") {
-          Transforms17.unwrapNodes(editor, {
+          Transforms18.unwrapNodes(editor, {
             at: [...path, 0],
             // Path to the nested block-quote
             match: (n) => Element11.isElement(n) && n.type === "block-quote"
@@ -4738,7 +4800,7 @@ var BlockQuotePlugin = createPlugin(
         }
       },
       canIncreaseDepth: () => {
-        const [match] = Editor24.nodes(editor, {
+        const [match] = Editor25.nodes(editor, {
           match: (n) => Element11.isElement(n) && n.type === "block-quote"
         });
         if (!match)
@@ -4753,7 +4815,7 @@ var BlockQuotePlugin = createPlugin(
         return depth < MAX_DEPTH;
       },
       canDecreaseDepth: () => {
-        const [match] = Editor24.nodes(editor, {
+        const [match] = Editor25.nodes(editor, {
           match: (n) => Element11.isElement(n) && n.type === "block-quote"
         });
         if (!match)
@@ -4773,7 +4835,7 @@ var BlockQuotePlugin = createPlugin(
             return false;
           return normalizeSiblings(editor, [node, path], (a, b) => {
             if (Element11.isElement(a[0]) && Element11.isElement(b[0]) && a[0].type === "block-quote" && b[0].type === "block-quote") {
-              Transforms17.mergeNodes(editor, { at: b[1] });
+              Transforms18.mergeNodes(editor, { at: b[1] });
             }
             return true;
           });
@@ -4795,7 +4857,7 @@ var BlockQuotePlugin = createPlugin(
 );
 
 // src/code-block-plugin/index.tsx
-import { Editor as Editor27, Element as Element15, Transforms as Transforms20 } from "slate";
+import { Editor as Editor28, Element as Element15, Transforms as Transforms21 } from "slate";
 
 // src/code-block-plugin/decorate.tsx
 import Prism from "prismjs";
@@ -4866,7 +4928,7 @@ function createCodeBlock(editor, { language }) {
 }
 
 // src/code-block-plugin/methods/setCodeBlockLanguage.ts
-import { Element as Element13, Transforms as Transforms18 } from "slate";
+import { Element as Element13, Transforms as Transforms19 } from "slate";
 function setCodeBlockLanguage(editor, language, options = {}) {
   const entry = findElementUp(
     editor,
@@ -4875,7 +4937,7 @@ function setCodeBlockLanguage(editor, language, options = {}) {
   );
   if (!entry)
     return false;
-  Transforms18.setNodes(editor, { language }, { at: entry[1] });
+  Transforms19.setNodes(editor, { language }, { at: entry[1] });
   return true;
 }
 
@@ -4942,7 +5004,7 @@ var LanguageList = [
 ];
 
 // src/code-block-plugin/normalizeNode.tsx
-import { Element as Element14, Node as Node7, Transforms as Transforms19 } from "slate";
+import { Element as Element14, Node as Node7, Transforms as Transforms20 } from "slate";
 function normalizeNode3(editor, entry) {
   if (!Element14.isElement(entry[0]))
     return false;
@@ -4951,10 +5013,10 @@ function normalizeNode3(editor, entry) {
       if (!Element14.isElement(child))
         continue;
       if (editor.isVoid(child)) {
-        Transforms19.removeNodes(editor, { at: path });
+        Transforms20.removeNodes(editor, { at: path });
         return true;
       } else {
-        Transforms19.unwrapNodes(editor, { at: path });
+        Transforms20.unwrapNodes(editor, { at: path });
         return true;
       }
     }
@@ -4966,14 +5028,14 @@ function normalizeNode3(editor, entry) {
       if (child.type === "code-block-line")
         continue;
       if (child.type === "code-block") {
-        Transforms19.unwrapNodes(editor, { at: path });
+        Transforms20.unwrapNodes(editor, { at: path });
         return true;
       } else if (editor.isVoid(child)) {
-        Transforms19.removeNodes(editor, { at: path });
+        Transforms20.removeNodes(editor, { at: path });
         return true;
       } else {
-        Transforms19.removeNodes(editor, { at: path });
-        Transforms19.insertNodes(editor, {
+        Transforms20.removeNodes(editor, { at: path });
+        Transforms20.insertNodes(editor, {
           type: "code-block-line",
           children: [{ text: Node7.string(child) }]
         });
@@ -5152,9 +5214,9 @@ var CodeBlockPlugin = createPlugin(
       const codeBlockEntry = findElementUp(editor, "code-block");
       if (codeBlockEntry == null)
         return false;
-      const codeBlockText = Editor27.string(editor, codeBlockEntry[1]);
+      const codeBlockText = Editor28.string(editor, codeBlockEntry[1]);
       if (codeBlockText === "") {
-        Transforms20.removeNodes(editor, { at: codeBlockEntry[1] });
+        Transforms21.removeNodes(editor, { at: codeBlockEntry[1] });
         return true;
       }
       return false;
@@ -5189,7 +5251,7 @@ var CodeBlockPlugin = createPlugin(
             );
             if (!entry)
               return false;
-            Transforms20.select(editor, entry[1]);
+            Transforms21.select(editor, entry[1]);
             return true;
           }
         }),
@@ -5208,13 +5270,13 @@ var CodeBlockPlugin = createPlugin(
 );
 
 // src/collapsible-paragraph-plugin/index.tsx
-import { Editor as Editor31 } from "slate";
+import { Editor as Editor32 } from "slate";
 
 // src/collapsible-paragraph-plugin/normalize-node/index.ts
 import { Element as Element18 } from "slate";
 
 // src/collapsible-paragraph-plugin/normalize-node/normalize-sibling-paragraphs.ts
-import { Element as Element16, Transforms as Transforms21 } from "slate";
+import { Element as Element16, Transforms as Transforms22 } from "slate";
 function isParagraph(node) {
   return Element16.isElement(node) && node.type === "paragraph";
 }
@@ -5223,7 +5285,7 @@ function normalizeSiblingParagraphs(editor, entry) {
     if (!isParagraph(a[0]) || !isParagraph(b[0]))
       return false;
     if (a[0].__collapsible && b[0].__collapsible) {
-      Transforms21.removeNodes(editor, { at: a[1] });
+      Transforms22.removeNodes(editor, { at: a[1] });
       return true;
     }
     return false;
@@ -5231,7 +5293,7 @@ function normalizeSiblingParagraphs(editor, entry) {
 }
 
 // src/collapsible-paragraph-plugin/normalize-node/normalize-sibling-walls.ts
-import { Element as Element17, Transforms as Transforms22 } from "slate";
+import { Element as Element17, Transforms as Transforms23 } from "slate";
 function isWall(editor, node) {
   if (!Element17.isElement(node))
     return false;
@@ -5243,7 +5305,7 @@ function normalizeSiblingWalls(editor, entry) {
   return normalizeSiblings(editor, entry, (a, b) => {
     if (!isWall(editor, a[0]) || !isWall(editor, b[0]))
       return false;
-    Transforms22.insertNodes(
+    Transforms23.insertNodes(
       editor,
       {
         type: "paragraph",
@@ -5342,7 +5404,7 @@ var CollapsibleParagraphPlugin = createPlugin((editor) => {
   editor.insertBreak = () => {
     const { selection } = editor;
     if (selection && selection.anchor.path[0] === selection.focus.path[0]) {
-      const text = Editor31.string(editor, [selection.anchor.path[0]]);
+      const text = Editor32.string(editor, [selection.anchor.path[0]]);
       if (text.match(/\n$/) || text.match(/\n\n/)) {
         insertBreak3();
       } else {
@@ -5399,25 +5461,160 @@ function addConvertElementType(editor, type) {
 }
 
 // src/convert-element-plugin/methods/convert-elements.ts
-import { Editor as Editor32, Element as Element20 } from "slate";
+import { Editor as Editor33, Element as Element20, Node as Node11, Point, Transforms as Transforms24 } from "slate";
+function elementContainsNewlines(element) {
+  const text = Node11.string(element);
+  return text.includes("\n");
+}
+function getSelectedLineIndices(editor, element, elementPath, selection) {
+  const text = Node11.string(element);
+  const lines = text.split("\n");
+  const elementStart = Editor33.start(editor, elementPath);
+  const elementEnd = Editor33.end(editor, elementPath);
+  const start = Point.isBefore(selection.anchor, elementStart) ? elementStart : Point.isAfter(selection.anchor, elementEnd) ? elementEnd : selection.anchor;
+  const end = Point.isBefore(selection.focus, elementStart) ? elementStart : Point.isAfter(selection.focus, elementEnd) ? elementEnd : selection.focus;
+  const startOffset = Math.min(
+    Editor33.string(editor, { anchor: elementStart, focus: start }).length,
+    text.length
+  );
+  const endOffset = Math.min(
+    Editor33.string(editor, { anchor: elementStart, focus: end }).length,
+    text.length
+  );
+  const minOffset = Math.min(startOffset, endOffset);
+  const maxOffset = Math.max(startOffset, endOffset);
+  let currentOffset = 0;
+  let startLineIndex = 0;
+  let endLineIndex = lines.length - 1;
+  for (let i = 0; i < lines.length; i++) {
+    const lineEnd = currentOffset + lines[i].length;
+    if (currentOffset <= minOffset && minOffset <= lineEnd) {
+      startLineIndex = i;
+    }
+    if (currentOffset <= maxOffset && maxOffset <= lineEnd) {
+      endLineIndex = i;
+      break;
+    }
+    currentOffset = lineEnd + 1;
+  }
+  return { startLineIndex, endLineIndex };
+}
+function splitElementAtSelectedLines(editor, element, path, selection) {
+  const text = Node11.string(element);
+  if (!text.includes("\n")) {
+    return path;
+  }
+  const lines = text.split("\n");
+  if (lines.length <= 1) {
+    return path;
+  }
+  const { startLineIndex, endLineIndex } = getSelectedLineIndices(
+    editor,
+    element,
+    path,
+    selection
+  );
+  const beforeLines = lines.slice(0, startLineIndex);
+  const selectedLines = lines.slice(startLineIndex, endLineIndex + 1);
+  const afterLines = lines.slice(endLineIndex + 1);
+  if (beforeLines.length === 0 && afterLines.length === 0) {
+    return path;
+  }
+  Editor33.withoutNormalizing(editor, () => {
+    const basePath = path.slice(0, -1);
+    const baseIndex = path[path.length - 1];
+    if (afterLines.length > 0) {
+      const afterText = afterLines.join("\n");
+      const afterElement = {
+        ...element,
+        children: [{ text: afterText }]
+      };
+      Transforms24.insertNodes(editor, afterElement, {
+        at: [...basePath, baseIndex + 1]
+      });
+    }
+    const childrenCount = element.children.length;
+    for (let j = childrenCount - 1; j >= 0; j--) {
+      Transforms24.removeNodes(editor, { at: [...path, j] });
+    }
+    if (beforeLines.length > 0) {
+      Transforms24.insertNodes(
+        editor,
+        { text: beforeLines.join("\n") },
+        { at: [...path, 0] }
+      );
+      const selectedText = selectedLines.join("\n");
+      const selectedElement = {
+        type: "paragraph",
+        children: [{ text: selectedText }]
+      };
+      Transforms24.insertNodes(editor, selectedElement, {
+        at: [...basePath, baseIndex + 1]
+      });
+    } else {
+      Transforms24.insertNodes(
+        editor,
+        { text: selectedLines.join("\n") },
+        { at: [...path, 0] }
+      );
+    }
+  });
+  if (beforeLines.length > 0) {
+    return [...path.slice(0, -1), path[path.length - 1] + 1];
+  }
+  return path;
+}
 function convertElements(editor, matchForToggle, targetElement, allowToggle) {
+  const { selection } = editor;
+  if (!selection)
+    return false;
   const entries = Array.from(
-    Editor32.nodes(editor, {
+    Editor33.nodes(editor, {
       match: (node) => Element20.isElement(node) && editor.convertElement.isConvertibleElement(node)
     })
   );
   if (entries.length === 0)
     return false;
-  const shouldToggle = allowToggle && entries.every((entry) => matchForToggle(entry[0]));
+  const allPaths = [];
+  Editor33.withoutNormalizing(editor, () => {
+    for (let i = entries.length - 1; i >= 0; i--) {
+      const [element, path] = entries[i];
+      if (elementContainsNewlines(element)) {
+        const splitPath = splitElementAtSelectedLines(
+          editor,
+          element,
+          path,
+          selection
+        );
+        allPaths.unshift(splitPath);
+      } else {
+        allPaths.unshift(path);
+      }
+    }
+  });
+  const updatedEntries = allPaths.map((path) => {
+    try {
+      const node = Node11.get(editor, path);
+      if (Element20.isElement(node)) {
+        return [node, path];
+      }
+      return null;
+    } catch {
+      return null;
+    }
+  }).filter((entry) => entry !== null);
+  if (updatedEntries.length === 0)
+    return false;
+  const shouldToggle = allowToggle && updatedEntries.every((entry) => matchForToggle(entry[0]));
   if (shouldToggle) {
-    Editor32.withoutNormalizing(editor, () => {
-      for (const entry of entries) {
+    Editor33.withoutNormalizing(editor, () => {
+      for (const entry of updatedEntries) {
         rewrapElement(editor, { type: "paragraph" }, entry[1]);
       }
     });
   } else {
-    Editor32.withoutNormalizing(editor, () => {
-      for (const entry of entries) {
+    Editor33.withoutNormalizing(editor, () => {
+      for (const entry of updatedEntries) {
         rewrapElement(editor, targetElement, entry[1]);
       }
     });
@@ -5452,32 +5649,32 @@ var ConvertElementPlugin = createPlugin((editor) => {
 });
 
 // src/heading-plugin/insert-break.ts
-import { Editor as Editor33, Path as Path8, Range as Range5, Transforms as Transforms23 } from "slate";
+import { Editor as Editor34, Path as Path9, Range as Range6, Transforms as Transforms25 } from "slate";
 function insertBreak(editor) {
   const entry = findElementUp(editor, "heading");
   if (!entry)
     return false;
   if (!editor.selection)
     return false;
-  if (Range5.isExpanded(editor.selection))
+  if (Range6.isExpanded(editor.selection))
     return false;
-  if (!Editor33.isEnd(editor, editor.selection.anchor, entry[1]))
+  if (!Editor34.isEnd(editor, editor.selection.anchor, entry[1]))
     return false;
-  const nextPath = Path8.next(entry[1]);
-  Transforms23.insertNodes(
+  const nextPath = Path9.next(entry[1]);
+  Transforms25.insertNodes(
     editor,
     { type: "paragraph", children: [{ text: "" }] },
     { at: nextPath }
   );
-  Transforms23.select(editor, {
-    anchor: Editor33.start(editor, nextPath),
-    focus: Editor33.start(editor, nextPath)
+  Transforms25.select(editor, {
+    anchor: Editor34.start(editor, nextPath),
+    focus: Editor34.start(editor, nextPath)
   });
   return true;
 }
 
 // src/heading-plugin/methods/index.ts
-import { Editor as Editor34 } from "slate";
+import { Editor as Editor35 } from "slate";
 function convertHeading(editor, level, allowToggle) {
   editor.convertElement.convertElements(
     (element) => element.type === "heading" && element.level == level,
@@ -5486,7 +5683,7 @@ function convertHeading(editor, level, allowToggle) {
   );
 }
 function isHeadingActive(editor, level) {
-  const [match] = Editor34.nodes(editor, {
+  const [match] = Editor35.nodes(editor, {
     match: (n) => {
       return "type" in n && "level" in n && n.type === "heading" && n.level === level;
     }
@@ -5758,7 +5955,7 @@ var InlineCodePlugin = createPlugin(
 );
 
 // src/list-plugin/index.tsx
-import { Editor as Editor39, Path as Path9 } from "slate";
+import { Editor as Editor40, Path as Path10 } from "slate";
 
 // src/list-plugin/methods/convert-list-item.ts
 function convertOrderedList(editor, allowToggle) {
@@ -5842,36 +6039,36 @@ function indent(editor) {
 }
 
 // src/list-plugin/methods/insert-break.ts
-import { Editor as Editor35, Transforms as Transforms24 } from "slate";
+import { Editor as Editor36, Transforms as Transforms26 } from "slate";
 function insertBreak2(editor) {
   const entry = findElementUp(editor, isListItem);
   if (!entry)
     return false;
   const [element, path] = entry;
-  if (Editor35.isEmpty(editor, element)) {
+  if (Editor36.isEmpty(editor, element)) {
     if (element.depth > 0) {
-      Transforms24.setNodes(editor, { depth: element.depth - 1 }, { at: path });
+      Transforms26.setNodes(editor, { depth: element.depth - 1 }, { at: path });
       return true;
     } else {
       rewrapElement(editor, { type: "paragraph" }, path);
       return true;
     }
   }
-  Transforms24.splitNodes(editor, { always: true });
+  Transforms26.splitNodes(editor, { always: true });
   const nextEntry = findElementUp(editor, isListItem);
   if (!nextEntry)
     return true;
   if (nextEntry[0].type === "task-list-item" && nextEntry[0].checked === true) {
-    Transforms24.setNodes(editor, { checked: false }, { at: nextEntry[1] });
+    Transforms26.setNodes(editor, { checked: false }, { at: nextEntry[1] });
   }
   return true;
 }
 
 // src/list-plugin/methods/outdent.ts
-import { Editor as Editor36 } from "slate";
+import { Editor as Editor37 } from "slate";
 function outdent(editor) {
   const entries = Array.from(
-    Editor36.nodes(editor, {
+    Editor37.nodes(editor, {
       match: isListItem
     })
   );
@@ -5889,7 +6086,7 @@ function outdent(editor) {
 }
 
 // src/list-plugin/methods/toggleTaskListItem.ts
-import { Transforms as Transforms25 } from "slate";
+import { Transforms as Transforms27 } from "slate";
 function toggleTaskListItem(editor, { at = editor.selection } = {}) {
   const taskListItem = findElementUp(
     editor,
@@ -5899,7 +6096,7 @@ function toggleTaskListItem(editor, { at = editor.selection } = {}) {
   if (!taskListItem)
     return false;
   const nextChecked = !taskListItem[0].checked;
-  Transforms25.setNodes(
+  Transforms27.setNodes(
     editor,
     { checked: nextChecked },
     { at: taskListItem[1] }
@@ -5925,7 +6122,7 @@ function createListMethods(editor) {
 }
 
 // src/list-plugin/normalize-node/normalize-ordered-first-at-depth.ts
-import { Element as Element21, Transforms as Transforms26 } from "slate";
+import { Element as Element21, Transforms as Transforms28 } from "slate";
 var isOrderedListItem = createIsElementType([
   "ordered-list-item"
 ]);
@@ -5938,7 +6135,7 @@ function normalizeOrderedFirstAtDepth(editor, entry) {
       return false;
     const __firstAtDepth = isOrderedListItem(a[0]) ? b[0].depth > a[0].depth : isListItem(a[0]) ? b[0].depth > a[0].depth : true;
     if (b[0].__firstAtDepth !== __firstAtDepth) {
-      Transforms26.setNodes(editor, { __firstAtDepth }, { at: b[1] });
+      Transforms28.setNodes(editor, { __firstAtDepth }, { at: b[1] });
       return true;
     }
     return false;
@@ -5956,7 +6153,7 @@ function normalizeNode5(editor, entry) {
 // src/list-plugin/render-element/ordered-list-item.tsx
 import { clsx as clsx6 } from "clsx";
 import { useEffect as useEffect5 } from "react";
-import { ReactEditor as ReactEditor9, useSlateStatic as useSlateStatic11 } from "slate-react";
+import { ReactEditor as ReactEditor10, useSlateStatic as useSlateStatic11 } from "slate-react";
 
 // src/list-plugin/render-element/styles.ts
 import styled28 from "@emotion/styled";
@@ -6028,7 +6225,7 @@ function OrderedListItem({
 }) {
   const editor = useSlateStatic11();
   useEffect5(() => {
-    const path = ReactEditor9.findPath(editor, element);
+    const path = ReactEditor10.findPath(editor, element);
     normalizeOrderedFirstAtDepth(editor, [element, path]);
   }, []);
   const style = {
@@ -6179,12 +6376,12 @@ var ListPlugin = createPlugin(
           if (!listItem)
             return false;
           const listItemPath = listItem[1];
-          if (!Path9.hasPrevious(listItemPath)) {
+          if (!Path10.hasPrevious(listItemPath)) {
             editor.collapsibleParagraph.convertParagraph();
             return true;
           }
-          const prevElementPath = Path9.previous(listItemPath);
-          const prevElementEntry = Editor39.node(editor, prevElementPath);
+          const prevElementPath = Path10.previous(listItemPath);
+          const prevElementEntry = Editor40.node(editor, prevElementPath);
           if (isListItem(prevElementEntry[0]))
             return false;
           editor.collapsibleParagraph.convertParagraph();
@@ -6194,7 +6391,7 @@ var ListPlugin = createPlugin(
       editableProps: {
         renderElement: renderElement3,
         onKeyDown(e) {
-          if (!Editor39.nodes(editor, { match: isListItem }))
+          if (!Editor40.nodes(editor, { match: isListItem }))
             return false;
           return hotkeyHandler(e);
         }
@@ -6205,15 +6402,15 @@ var ListPlugin = createPlugin(
 
 // src/marks-plugin/index.tsx
 import { clsx as clsx7 } from "clsx";
-import { Editor as Editor42, Point as Point2, Range as Range7 } from "slate";
+import { Editor as Editor43, Point as Point3, Range as Range8 } from "slate";
 
 // src/marks-plugin/methods/removeMarks.ts
-import { Editor as Editor40, Text as Text4, Transforms as Transforms27 } from "slate";
+import { Editor as Editor41, Text as Text4, Transforms as Transforms29 } from "slate";
 function removeMarks(editor, { at = editor.selection } = {}) {
   if (at == null)
     return;
   const nodeEntries = [
-    ...Editor40.nodes(editor, {
+    ...Editor41.nodes(editor, {
       match: (n) => Text4.isText(n),
       at
     })
@@ -6226,7 +6423,7 @@ function removeMarks(editor, { at = editor.selection } = {}) {
       setter[key2] = null;
     }
   }
-  Transforms27.setNodes(editor, setter, {
+  Transforms29.setNodes(editor, setter, {
     match: (n) => Text4.isText(n),
     split: true,
     at
@@ -6234,14 +6431,14 @@ function removeMarks(editor, { at = editor.selection } = {}) {
 }
 
 // src/marks-plugin/methods/toggle-mark.ts
-import { Editor as Editor41, Point, Range as Range6 } from "slate";
+import { Editor as Editor42, Point as Point2, Range as Range7 } from "slate";
 function toggleMark(editor, markKey, unsetKey, { at = editor.selection } = {}) {
   if (at == null)
     return;
-  const point = Range6.isRange(at) ? at.focus : at;
-  const isAtLineEnd = Point.isPoint(point) && (Editor41.after(editor, point) === null || Editor41.isEnd(editor, point, Editor41.end(editor, [])));
+  const point = Range7.isRange(at) ? at.focus : at;
+  const isAtLineEnd = Point2.isPoint(point) && (Editor42.after(editor, point) === null || Editor42.isEnd(editor, point, Editor42.end(editor, [])));
   const validMarkKey = markKey;
-  const marks = Editor41.marks(editor) || {};
+  const marks = Editor42.marks(editor) || {};
   const isActive = marks[validMarkKey] === true;
   if (isAtLineEnd) {
     if (!isActive) {
@@ -6255,12 +6452,12 @@ function toggleMark(editor, markKey, unsetKey, { at = editor.selection } = {}) {
     }
   }
   if (isActive) {
-    Editor41.removeMark(editor, validMarkKey);
+    Editor42.removeMark(editor, validMarkKey);
   } else {
-    Editor41.addMark(editor, validMarkKey, true);
+    Editor42.addMark(editor, validMarkKey, true);
   }
   if (typeof unsetKey === "string") {
-    Editor41.removeMark(editor, unsetKey);
+    Editor42.removeMark(editor, unsetKey);
   }
 }
 
@@ -6328,9 +6525,9 @@ var MarksPlugin = createPlugin((editor) => {
   editor.marksPlugin.removeMarks = () => {
     removeMarks2();
     if (editor.selection) {
-      const point = Range7.isRange(editor.selection) ? editor.selection.focus : editor.selection;
-      if (Point2.isPoint(point)) {
-        const isAtLineEnd = Editor42.after(editor, point) === null || Editor42.isEnd(editor, point, Editor42.end(editor, []));
+      const point = Range8.isRange(editor.selection) ? editor.selection.focus : editor.selection;
+      if (Point3.isPoint(point)) {
+        const isAtLineEnd = Editor43.after(editor, point) === null || Editor43.isEnd(editor, point, Editor43.end(editor, []));
         if (isAtLineEnd) {
           editor.activeMarks = {};
         }
@@ -6364,11 +6561,11 @@ var MarksPlugin = createPlugin((editor) => {
 });
 
 // src/normalize-after-delete-plugin/index.tsx
-import { Editor as Editor43, Point as Point3 } from "slate";
+import { Editor as Editor44, Point as Point4 } from "slate";
 function forceNormalizeNearestElement(editor) {
   if (!editor.selection)
     return;
-  const entry = Editor43.parent(editor, editor.selection);
+  const entry = Editor44.parent(editor, editor.selection);
   forceNormalizePath(editor, entry[1]);
 }
 var NormalizeAfterDeletePlugin = createPlugin((editor) => {
@@ -6379,9 +6576,9 @@ var NormalizeAfterDeletePlugin = createPlugin((editor) => {
       deleteBackward() {
         if (!editor.selection)
           return false;
-        const entry = Editor43.parent(editor, editor.selection);
-        const isStart = Point3.equals(
-          Editor43.start(editor, entry[1]),
+        const entry = Editor44.parent(editor, editor.selection);
+        const isStart = Point4.equals(
+          Editor44.start(editor, entry[1]),
           editor.selection.anchor
         );
         if (!isStart)
@@ -6393,9 +6590,9 @@ var NormalizeAfterDeletePlugin = createPlugin((editor) => {
       deleteForward() {
         if (!editor.selection)
           return false;
-        const entry = Editor43.parent(editor, editor.selection);
-        const isEnd = Point3.equals(
-          Editor43.end(editor, entry[1]),
+        const entry = Editor44.parent(editor, editor.selection);
+        const isEnd = Point4.equals(
+          Editor44.end(editor, entry[1]),
           editor.selection.anchor
         );
         if (!isEnd)
@@ -6413,12 +6610,12 @@ var NormalizeAfterDeletePlugin = createPlugin((editor) => {
 import { Element as Element23 } from "slate";
 
 // src/table-plugin/delete-fragment/index.ts
-import { Editor as Editor45, Path as Path11, Transforms as Transforms29 } from "slate";
+import { Editor as Editor46, Path as Path12, Transforms as Transforms31 } from "slate";
 
 // src/table-plugin/delete-fragment/get-reversed-delete-safe-ranges.ts
-import { Editor as Editor44, Path as Path10 } from "slate";
+import { Editor as Editor45, Path as Path11 } from "slate";
 function getReversedDeleteSafeRanges(editor, deleteRange, protectedTypes) {
-  const positions = [...Editor44.positions(editor, { at: deleteRange })];
+  const positions = [...Editor45.positions(editor, { at: deleteRange })];
   const deleteSafeRanges = [];
   let startPos, prevPos, startTdPath;
   startPos = prevPos = positions[0];
@@ -6429,7 +6626,7 @@ function getReversedDeleteSafeRanges(editor, deleteRange, protectedTypes) {
     const tdPath = findElementUpPath(editor, protectedTypes, {
       at: pos
     });
-    if (startTdPath && tdPath && Path10.equals(startTdPath, tdPath) || startTdPath == void 0 && tdPath == void 0) {
+    if (startTdPath && tdPath && Path11.equals(startTdPath, tdPath) || startTdPath == void 0 && tdPath == void 0) {
       prevPos = pos;
     } else {
       const range2 = { anchor: startPos, focus: prevPos };
@@ -6448,7 +6645,7 @@ function getReversedDeleteSafeRanges(editor, deleteRange, protectedTypes) {
 function deleteFragmentWithProtectedTypes(editor, protectedTypes) {
   if (editor.selection == null)
     return false;
-  const [start, end] = Editor45.edges(editor, editor.selection);
+  const [start, end] = Editor46.edges(editor, editor.selection);
   const startProtectedPath = findElementUpPath(editor, protectedTypes, {
     at: start
   });
@@ -6458,7 +6655,7 @@ function deleteFragmentWithProtectedTypes(editor, protectedTypes) {
   if (!startProtectedPath && !endProtectedPath) {
     return false;
   }
-  if (startProtectedPath && endProtectedPath && Path11.equals(startProtectedPath, endProtectedPath)) {
+  if (startProtectedPath && endProtectedPath && Path12.equals(startProtectedPath, endProtectedPath)) {
     return false;
   }
   const reversedRanges = getReversedDeleteSafeRanges(
@@ -6466,17 +6663,17 @@ function deleteFragmentWithProtectedTypes(editor, protectedTypes) {
     editor.selection,
     protectedTypes
   );
-  Editor45.withoutNormalizing(editor, () => {
+  Editor46.withoutNormalizing(editor, () => {
     for (const range of reversedRanges) {
-      Transforms29.delete(editor, { at: range });
+      Transforms31.delete(editor, { at: range });
     }
-    Transforms29.collapse(editor, { edge: "start" });
+    Transforms31.collapse(editor, { edge: "start" });
   });
   return true;
 }
 
 // src/table-plugin/methods/index.ts
-import { Transforms as Transforms37 } from "slate";
+import { Transforms as Transforms39 } from "slate";
 
 // src/table-plugin/methods/get-table-info.ts
 function getTableInfo(editor, { at = editor.selection } = {}) {
@@ -6514,7 +6711,7 @@ function getTableInfo(editor, { at = editor.selection } = {}) {
 }
 
 // src/table-plugin/methods/insert-column.ts
-import { Editor as Editor46, Transforms as Transforms30 } from "slate";
+import { Editor as Editor47, Transforms as Transforms32 } from "slate";
 
 // src/table-plugin/methods/utils.ts
 function createCell(index, children = [
@@ -6536,13 +6733,13 @@ function insertColumn(editor, { offset = 0, at = editor.selection } = {}) {
     return false;
   const { tableElement, tablePath, cellIndex } = t2;
   const nextCellIndex = cellIndex + offset;
-  Editor46.withoutNormalizing(editor, () => {
+  Editor47.withoutNormalizing(editor, () => {
     const { columns } = tableElement;
     const nextColumns = [...columns];
     nextColumns.splice(nextCellIndex, 0, columns[nextCellIndex]);
-    Transforms30.setNodes(editor, { columns: nextColumns }, { at: tablePath });
+    Transforms32.setNodes(editor, { columns: nextColumns }, { at: tablePath });
     tableElement.children.forEach((rowElement, i) => {
-      Transforms30.insertNodes(editor, createCell(nextCellIndex), {
+      Transforms32.insertNodes(editor, createCell(nextCellIndex), {
         at: [...tablePath, i, nextCellIndex]
       });
     });
@@ -6551,7 +6748,7 @@ function insertColumn(editor, { offset = 0, at = editor.selection } = {}) {
 }
 
 // src/table-plugin/methods/insert-row.ts
-import { Transforms as Transforms31 } from "slate";
+import { Transforms as Transforms33 } from "slate";
 function createRow(columnCount) {
   return {
     type: "table-row",
@@ -6563,7 +6760,7 @@ function insertRow(editor, { at = editor.selection, offset = 0 } = {}) {
   if (!t2)
     return false;
   const nextRowElement = createRow(t2.tableElement.columns.length);
-  Transforms31.insertNodes(editor, nextRowElement, {
+  Transforms33.insertNodes(editor, nextRowElement, {
     at: [...t2.tablePath, t2.rowIndex + offset]
   });
   return true;
@@ -6573,7 +6770,7 @@ function insertRowBelow(editor, { at } = {}) {
 }
 
 // src/table-plugin/methods/insert-table.ts
-import { Editor as Editor48, Element as Element22, Path as Path12, Transforms as Transforms32 } from "slate";
+import { Editor as Editor49, Element as Element22, Path as Path13, Transforms as Transforms34 } from "slate";
 function createRange(size) {
   return [...Array(size).keys()];
 }
@@ -6606,25 +6803,25 @@ function insertRootElement2(editor, element, { at = editor.selection } = {}) {
   );
   if (entry == null) {
     const selection = editor.selection;
-    Editor48.withoutNormalizing(editor, () => {
-      Transforms32.insertNodes(editor, element, { at });
+    Editor49.withoutNormalizing(editor, () => {
+      Transforms34.insertNodes(editor, element, { at });
       if (selection) {
-        Transforms32.select(editor, selection);
-        Transforms32.move(editor);
+        Transforms34.select(editor, selection);
+        Transforms34.move(editor);
       }
     });
   } else {
-    const nextPath = Path12.next(entry[1]);
-    Editor48.withoutNormalizing(editor, () => {
-      Transforms32.insertNodes(editor, element, { at: nextPath });
-      Transforms32.select(editor, Editor48.start(editor, nextPath));
+    const nextPath = Path13.next(entry[1]);
+    Editor49.withoutNormalizing(editor, () => {
+      Transforms34.insertNodes(editor, element, { at: nextPath });
+      Transforms34.select(editor, Editor49.start(editor, nextPath));
     });
   }
   return true;
 }
 
 // src/table-plugin/methods/navigation/select-element.ts
-import { Path as Path13 } from "slate";
+import { Path as Path14 } from "slate";
 function selectElementBelow(editor, t2) {
   const { cellIndex, rowIndex, rowCount, tablePath } = t2;
   if (rowIndex < rowCount - 1) {
@@ -6632,7 +6829,7 @@ function selectElementBelow(editor, t2) {
     return true;
   }
   try {
-    selectStartOfElement(editor, Path13.next(tablePath));
+    selectStartOfElement(editor, Path14.next(tablePath));
     return true;
   } catch (e) {
     return false;
@@ -6645,7 +6842,7 @@ function selectElementAbove(editor, t2) {
     return true;
   }
   try {
-    selectEndOfElement(editor, Path13.previous(tablePath));
+    selectEndOfElement(editor, Path14.previous(tablePath));
     return true;
   } catch (e) {
     return false;
@@ -6653,7 +6850,7 @@ function selectElementAbove(editor, t2) {
 }
 
 // src/table-plugin/methods/navigation/utils.ts
-import { ReactEditor as ReactEditor10 } from "slate-react";
+import { ReactEditor as ReactEditor11 } from "slate-react";
 function getUnreliableSelectionRect() {
   const s = window.getSelection();
   if (!s)
@@ -6662,7 +6859,7 @@ function getUnreliableSelectionRect() {
   return range.getBoundingClientRect();
 }
 function getElementRect(editor, element) {
-  return ReactEditor10.toDOMNode(editor, element).getBoundingClientRect();
+  return ReactEditor11.toDOMNode(editor, element).getBoundingClientRect();
 }
 function checkIsInElement(editor, element) {
   const selectionRect = getUnreliableSelectionRect();
@@ -6697,15 +6894,15 @@ function up(editor) {
 }
 
 // src/table-plugin/methods/remove-column.ts
-import { Editor as Editor51, Transforms as Transforms34 } from "slate";
+import { Editor as Editor52, Transforms as Transforms36 } from "slate";
 
 // src/table-plugin/methods/remove-table.ts
-import { Transforms as Transforms33 } from "slate";
+import { Transforms as Transforms35 } from "slate";
 function removeTable(editor) {
   const t2 = editor.tablePlugin.getTableInfo();
   if (t2 === void 0)
     return false;
-  Transforms33.removeNodes(editor, { at: t2.tablePath });
+  Transforms35.removeNodes(editor, { at: t2.tablePath });
   return true;
 }
 
@@ -6718,26 +6915,26 @@ function removeColumn(editor, { at = editor.selection } = {}) {
   if (cellCount === 1) {
     return removeTable(editor);
   }
-  Editor51.withoutNormalizing(editor, () => {
+  Editor52.withoutNormalizing(editor, () => {
     const columns = [...tableElement.columns];
     columns.splice(cellIndex, 1);
-    Transforms34.setNodes(editor, { columns }, { at: tablePath });
+    Transforms36.setNodes(editor, { columns }, { at: tablePath });
     tableElement.children.forEach((rowElement, rowIndex2) => {
-      Transforms34.removeNodes(editor, {
+      Transforms36.removeNodes(editor, {
         at: [...tablePath, rowIndex2, cellIndex]
       });
     });
-    const selection = Editor51.start(editor, [
+    const selection = Editor52.start(editor, [
       ...tablePath,
       rowIndex,
       Math.min(cellIndex, cellCount - 2)
     ]);
-    Transforms34.select(editor, selection);
+    Transforms36.select(editor, selection);
   });
 }
 
 // src/table-plugin/methods/remove-row.ts
-import { Editor as Editor52, Transforms as Transforms35 } from "slate";
+import { Editor as Editor53, Transforms as Transforms37 } from "slate";
 function removeRow(editor, { at = editor.selection } = {}) {
   const t2 = getTableInfo(editor, { at });
   if (t2 === void 0)
@@ -6746,11 +6943,11 @@ function removeRow(editor, { at = editor.selection } = {}) {
     removeTable(editor);
     return true;
   }
-  Editor52.withoutNormalizing(editor, () => {
-    Transforms35.removeNodes(editor, { at: t2.rowPath });
-    Transforms35.select(
+  Editor53.withoutNormalizing(editor, () => {
+    Transforms37.removeNodes(editor, { at: t2.rowPath });
+    Transforms37.select(
       editor,
-      Editor52.start(editor, [
+      Editor53.start(editor, [
         ...t2.tablePath,
         Math.min(t2.rowIndex, t2.rowCount - 2),
         t2.cellIndex
@@ -6761,7 +6958,7 @@ function removeRow(editor, { at = editor.selection } = {}) {
 }
 
 // src/table-plugin/methods/setTableColumnAlign.ts
-import { Transforms as Transforms36 } from "slate";
+import { Transforms as Transforms38 } from "slate";
 function setTableColumnAlign(editor, options) {
   const t2 = getTableInfo(editor);
   if (t2 === void 0)
@@ -6769,7 +6966,7 @@ function setTableColumnAlign(editor, options) {
   const { tableElement, tablePath, cellIndex } = t2;
   const nextColumns = tableElement.columns.slice();
   nextColumns.splice(cellIndex, 1, { align: options.align });
-  Transforms36.setNodes(editor, { columns: nextColumns }, { at: tablePath });
+  Transforms38.setNodes(editor, { columns: nextColumns }, { at: tablePath });
   return true;
 }
 
@@ -6829,12 +7026,12 @@ function selectCell(editor, { at = editor.selection } = {}) {
   if (t2 === void 0)
     return false;
   const { cellPath } = t2;
-  Transforms37.select(editor, cellPath);
+  Transforms39.select(editor, cellPath);
   return true;
 }
 
 // src/table-plugin/normalize/normalize-table.ts
-import { Transforms as Transforms38 } from "slate";
+import { Transforms as Transforms40 } from "slate";
 function normalizeTableIndexes(editor, entry) {
   let isTransformed = false;
   const rowElements = entry[0].children;
@@ -6842,7 +7039,7 @@ function normalizeTableIndexes(editor, entry) {
     const cellElements = rowElement.children;
     cellElements.forEach((cellElement, x) => {
       if (cellElement.x !== x || cellElement.y !== y) {
-        Transforms38.setNodes(editor, { x, y }, { at: [...entry[1], y, x] });
+        Transforms40.setNodes(editor, { x, y }, { at: [...entry[1], y, x] });
         isTransformed = true;
       }
     });
@@ -6851,14 +7048,14 @@ function normalizeTableIndexes(editor, entry) {
 }
 
 // src/table-plugin/normalize/normalize-table-cell.ts
-import { Editor as Editor56, Transforms as Transforms39 } from "slate";
+import { Editor as Editor57, Transforms as Transforms41 } from "slate";
 function normalizeTableCell(editor, entry) {
   const [node, path] = entry;
   if (node.children.length === 1 && node.children[0].type === "table-content") {
     return false;
   }
-  Editor56.withoutNormalizing(editor, () => {
-    Transforms39.insertNodes(
+  Editor57.withoutNormalizing(editor, () => {
+    Transforms41.insertNodes(
       editor,
       {
         type: "table-content",
@@ -6867,9 +7064,9 @@ function normalizeTableCell(editor, entry) {
       { at: [...entry[1], 0] }
     );
     for (let i = node.children.length; i >= 0; i--) {
-      Transforms39.mergeNodes(editor, { at: [...path, i] });
+      Transforms41.mergeNodes(editor, { at: [...path, i] });
     }
-    Transforms39.delete(editor, {
+    Transforms41.delete(editor, {
       at: { path: [...path, 0, 0], offset: 0 },
       unit: "character"
     });
@@ -6879,7 +7076,7 @@ function normalizeTableCell(editor, entry) {
 
 // src/table-plugin/render-element/table.tsx
 import { useEffect as useEffect6 } from "react";
-import { ReactEditor as ReactEditor11, useSelected as useSelected7, useSlateStatic as useSlateStatic13 } from "slate-react";
+import { ReactEditor as ReactEditor12, useSelected as useSelected7, useSlateStatic as useSlateStatic13 } from "slate-react";
 
 // src/table-plugin/render-element/styles/index.ts
 import styled31 from "@emotion/styled";
@@ -7086,7 +7283,7 @@ function Table({
   const editor = useSlateStatic13();
   const isSelected = useSelected7();
   useEffect6(() => {
-    const path = ReactEditor11.findPath(editor, element);
+    const path = ReactEditor12.findPath(editor, element);
     normalizeTableIndexes(editor, [element, path]);
   }, []);
   return /* @__PURE__ */ jsx46(TableContext.Provider, { value: { isSelected }, children: /* @__PURE__ */ jsx46($Table, { ...attributes, columns: element.columns, children: /* @__PURE__ */ jsx46("tbody", { children }) }) });
@@ -7555,13 +7752,13 @@ var ThemePlugin = createPlugin((editor) => {
 // src/toolbar-plugin/render-editable/index.tsx
 import { clsx as clsx10 } from "clsx";
 import { useCallback as useCallback15, useRef as useRef12 } from "react";
-import { Editor as Editor59, Transforms as Transforms41 } from "slate";
-import { ReactEditor as ReactEditor15, useFocused, useSlateStatic as useSlateStatic21 } from "slate-react";
+import { Editor as Editor60, Transforms as Transforms43 } from "slate";
+import { ReactEditor as ReactEditor16, useFocused, useSlateStatic as useSlateStatic21 } from "slate-react";
 
 // src/toolbar-plugin/components/dialog/table-dialog.tsx
 import { clsx as clsx8 } from "clsx";
 import { useCallback as useCallback12, useRef as useRef7, useState as useState7 } from "react";
-import { ReactEditor as ReactEditor12, useSlateStatic as useSlateStatic16 } from "slate-react";
+import { ReactEditor as ReactEditor13, useSlateStatic as useSlateStatic16 } from "slate-react";
 
 // src/toolbar-plugin/styles/table-styles.ts
 import styled33 from "@emotion/styled";
@@ -7612,7 +7809,7 @@ function TableDialog({
   const createTable2 = useCallback12(
     (x, y) => {
       editor.tablePlugin.insertTable(x, y);
-      ReactEditor12.focus(editor);
+      ReactEditor13.focus(editor);
       close();
     },
     [editor]
@@ -7638,7 +7835,7 @@ function TableDialog({
 
 // src/toolbar-plugin/components/toolbar/toolbar.tsx
 import throttle2 from "lodash.throttle";
-import { useEffect as useEffect7, useRef as useRef11, useState as useState10 } from "react";
+import { useEffect as useEffect8, useRef as useRef11, useState as useState10 } from "react";
 import { useSlateStatic as useSlateStatic20 } from "slate-react";
 
 // src/toolbar-plugin/icons.tsx
@@ -7674,12 +7871,6 @@ var Image = () => /* @__PURE__ */ jsxs27(TablerIcon, { children: [
   /* @__PURE__ */ jsx57("path", { d: "m4 15 4-4a3 5 0 0 1 3 0l5 5" }),
   /* @__PURE__ */ jsx57("path", { d: "m14 14 1-1a3 5 0 0 1 3 0l2 2" })
 ] });
-var PhotoUp = () => /* @__PURE__ */ jsxs27(TablerIcon, { children: [
-  /* @__PURE__ */ jsx57("path", { stroke: "none", d: "M0 0h24v24H0z" }),
-  /* @__PURE__ */ jsx57("path", { d: "M15 8h.01M12.5 21H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v6.5" }),
-  /* @__PURE__ */ jsx57("path", { d: "m3 16 5-5c.928-.893 2.072-.893 3 0l3.5 3.5" }),
-  /* @__PURE__ */ jsx57("path", { d: "m14 14 1-1c.679-.653 1.473-.829 2.214-.526M19 22v-6M22 19l-3-3-3 3" })
-] });
 var Plus = () => /* @__PURE__ */ jsx57(TablerIcon, { children: /* @__PURE__ */ jsx57("path", { d: "M12 5v14M5 12h14" }) });
 var Strikethrough = () => /* @__PURE__ */ jsx57(TablerIcon, { children: /* @__PURE__ */ jsx57("path", { d: "M5 12h14M16 6.5A4 2 0 0 0 12 5h-1a3.5 3.5 0 0 0 0 7h2a3.5 3.5 0 0 1 0 7h-1.5a4 2 0 0 1-4-1.5" }) });
 var Underline = () => /* @__PURE__ */ jsx57(TablerIcon, { children: /* @__PURE__ */ jsx57("path", { d: "M7 5v5a5 5 0 0 0 10 0V5M5 19h14" }) });
@@ -7759,7 +7950,7 @@ var compactBlockItems = [
 ];
 
 // src/toolbar-plugin/components/dialog/image-url-dialog.tsx
-import { useState as useState8, useRef as useRef8 } from "react";
+import { useState as useState8, useRef as useRef8, useEffect as useEffect7 } from "react";
 import { useSlateStatic as useSlateStatic17 } from "slate-react";
 
 // src/toolbar-plugin/styles/file-dialog-styles.ts
@@ -7777,9 +7968,25 @@ function ImageUrlDialog({
 }) {
   const editor = useSlateStatic17();
   const ref = useRef8(void 0);
-  const [url, setUrl] = useState8("");
-  const [alt, setAlt] = useState8("");
-  const [title, setTitle] = useState8("");
+  const fileInputRef = useRef8(null);
+  const savedState = editor.wysimark?.imageDialogState;
+  const hasOnImageChange = !!editor.wysimark?.onImageChange;
+  const [url, setUrl] = useState8(savedState?.url ?? "");
+  const [alt, setAlt] = useState8(savedState?.alt ?? "");
+  const [title, setTitle] = useState8(savedState?.title ?? "");
+  const [imageSource, setImageSource] = useState8(savedState?.imageSource ?? (hasOnImageChange ? "file" : "url"));
+  const [isUploading, setIsUploading] = useState8(false);
+  const [uploadedUrl, setUploadedUrl] = useState8(savedState?.uploadedUrl ?? "");
+  useEffect7(() => {
+    if (editor.wysimark) {
+      editor.wysimark.imageDialogState = { url, alt, title, imageSource, uploadedUrl };
+    }
+  }, [url, alt, title, imageSource, uploadedUrl]);
+  const clearState = () => {
+    if (editor.wysimark) {
+      editor.wysimark.imageDialogState = void 0;
+    }
+  };
   const style = useAbsoluteReposition(
     { src: ref, dest },
     ({ src, dest: dest2 }) => {
@@ -7796,15 +8003,69 @@ function ImageUrlDialog({
   );
   function handleSubmit(e) {
     e.preventDefault();
-    if (url.trim() === "")
+    const finalUrl = imageSource === "file" ? uploadedUrl : url;
+    if (finalUrl.trim() === "")
       return;
-    editor.image.insertImageFromUrl(url, alt, title);
+    editor.image.insertImageFromUrl(finalUrl, alt, title);
+    clearState();
+    close();
+  }
+  function handleCancel() {
+    clearState();
     close();
   }
+  async function handleFileSelect(e) {
+    const file = e.target.files?.[0];
+    if (!file || !editor.wysimark?.onImageChange)
+      return;
+    setIsUploading(true);
+    try {
+      const resultUrl = await editor.wysimark.onImageChange(file);
+      setUploadedUrl(resultUrl);
+    } catch (error) {
+      console.error("Failed to upload image:", error);
+    } finally {
+      setIsUploading(false);
+    }
+  }
+  function handleSelectFileClick() {
+    fileInputRef.current?.click();
+  }
+  const isSubmitDisabled = imageSource === "file" ? uploadedUrl.trim() === "" || isUploading : url.trim() === "";
   return /* @__PURE__ */ jsxs28(Fragment8, { children: [
     /* @__PURE__ */ jsx58(CloseMask, { close }),
     /* @__PURE__ */ jsx58($FileDialog, { ref, style, children: /* @__PURE__ */ jsxs28("form", { onSubmit: handleSubmit, style: { padding: "8px" }, children: [
-      /* @__PURE__ */ jsxs28("div", { style: { marginBottom: "8px" }, children: [
+      hasOnImageChange && /* @__PURE__ */ jsxs28("div", { style: { marginBottom: "12px" }, children: [
+        /* @__PURE__ */ jsxs28("label", { style: { display: "inline-flex", alignItems: "center", marginRight: "16px", cursor: "pointer" }, children: [
+          /* @__PURE__ */ jsx58(
+            "input",
+            {
+              type: "radio",
+              name: "imageSource",
+              value: "file",
+              checked: imageSource === "file",
+              onChange: () => setImageSource("file"),
+              style: { marginRight: "4px" }
+            }
+          ),
+          t("imageSourceFile")
+        ] }),
+        /* @__PURE__ */ jsxs28("label", { style: { display: "inline-flex", alignItems: "center", cursor: "pointer" }, children: [
+          /* @__PURE__ */ jsx58(
+            "input",
+            {
+              type: "radio",
+              name: "imageSource",
+              value: "url",
+              checked: imageSource === "url",
+              onChange: () => setImageSource("url"),
+              style: { marginRight: "4px" }
+            }
+          ),
+          t("imageSourceUrl")
+        ] })
+      ] }),
+      imageSource === "url" ? /* @__PURE__ */ jsxs28("div", { style: { marginBottom: "8px" }, children: [
         /* @__PURE__ */ jsx58("label", { style: { display: "block", marginBottom: "4px" }, children: t("imageUrlRequired") }),
         /* @__PURE__ */ jsx58(
           "input",
@@ -7819,10 +8080,57 @@ function ImageUrlDialog({
               border: "1px solid #ccc",
               borderRadius: "4px"
             },
-            placeholder: "https://example.com/image.jpg",
-            required: true
+            placeholder: "https://example.com/image.jpg"
           }
         )
+      ] }) : /* @__PURE__ */ jsxs28("div", { style: { marginBottom: "8px" }, children: [
+        /* @__PURE__ */ jsx58(
+          "input",
+          {
+            ref: fileInputRef,
+            type: "file",
+            accept: "image/*",
+            onChange: handleFileSelect,
+            style: { display: "none" }
+          }
+        ),
+        /* @__PURE__ */ jsx58(
+          "button",
+          {
+            type: "button",
+            onClick: handleSelectFileClick,
+            disabled: isUploading,
+            style: {
+              padding: "8px 16px",
+              backgroundColor: isUploading ? "#ccc" : "#f0f0f0",
+              border: "1px solid #ccc",
+              borderRadius: "4px",
+              cursor: isUploading ? "not-allowed" : "pointer",
+              marginBottom: "8px"
+            },
+            children: isUploading ? t("uploading") : t("selectFile")
+          }
+        ),
+        uploadedUrl && /* @__PURE__ */ jsxs28("div", { style: { marginTop: "8px" }, children: [
+          /* @__PURE__ */ jsx58("label", { style: { display: "block", marginBottom: "4px" }, children: t("imageUrlRequired") }),
+          /* @__PURE__ */ jsx58(
+            "input",
+            {
+              type: "text",
+              value: uploadedUrl,
+              disabled: true,
+              style: {
+                width: "100%",
+                padding: "6px",
+                boxSizing: "border-box",
+                border: "1px solid #ccc",
+                borderRadius: "4px",
+                backgroundColor: "#f5f5f5",
+                color: "#666"
+              }
+            }
+          )
+        ] })
       ] }),
       /* @__PURE__ */ jsxs28("div", { style: { marginBottom: "8px" }, children: [
         /* @__PURE__ */ jsx58("label", { style: { display: "block", marginBottom: "4px" }, children: t("altText") }),
@@ -7862,27 +8170,43 @@ function ImageUrlDialog({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs28(
-        "button",
-        {
-          type: "submit",
-          style: {
-            display: "flex",
-            alignItems: "center",
-            padding: "8px 16px",
-            backgroundColor: "#0078d4",
-            color: "white",
-            border: "none",
-            borderRadius: "4px",
-            cursor: "pointer",
-            fontWeight: "bold"
-          },
-          children: [
-            /* @__PURE__ */ jsx58("span", { style: { marginRight: "8px" }, children: /* @__PURE__ */ jsx58(PhotoUp, {}) }),
-            t("insertImage")
-          ]
-        }
-      )
+      /* @__PURE__ */ jsxs28("div", { style: { display: "flex", gap: "8px" }, children: [
+        /* @__PURE__ */ jsx58(
+          "button",
+          {
+            type: "submit",
+            disabled: isSubmitDisabled,
+            style: {
+              display: "flex",
+              alignItems: "center",
+              padding: "8px 16px",
+              backgroundColor: isSubmitDisabled ? "#ccc" : "#0078d4",
+              color: "white",
+              border: "none",
+              borderRadius: "4px",
+              cursor: isSubmitDisabled ? "not-allowed" : "pointer",
+              fontWeight: "bold"
+            },
+            children: t("register")
+          }
+        ),
+        /* @__PURE__ */ jsx58(
+          "button",
+          {
+            type: "button",
+            onClick: handleCancel,
+            style: {
+              padding: "8px 16px",
+              backgroundColor: "#f0f0f0",
+              color: "#333",
+              border: "1px solid #ccc",
+              borderRadius: "4px",
+              cursor: "pointer"
+            },
+            children: t("cancel")
+          }
+        )
+      ] })
     ] }) })
   ] });
 }
@@ -7894,7 +8218,7 @@ import {
   useRef as useRef9,
   useState as useState9
 } from "react";
-import { ReactEditor as ReactEditor13, useSlateStatic as useSlateStatic18 } from "slate-react";
+import { ReactEditor as ReactEditor14, useSlateStatic as useSlateStatic18 } from "slate-react";
 
 // src/toolbar-plugin/styles/dialog-shared-styles.ts
 import styled35 from "@emotion/styled";
@@ -7956,7 +8280,7 @@ function AnchorDialog2({
   const [url, setUrl] = useState9("");
   const insertLink2 = () => {
     editor.anchor.insertLink(url, url, { select: true });
-    ReactEditor13.focus(editor);
+    ReactEditor14.focus(editor);
     close();
   };
   const onChangeInput = useCallback13(
@@ -8019,7 +8343,8 @@ var dialogItems = [
   }
 ];
 var expandedDialogItems = dialogItems;
-var compactDialogItems = [
+var compactDialogItems = dialogItems;
+var smallDialogItems = [
   {
     icon: Plus,
     title: t("insert"),
@@ -8029,9 +8354,9 @@ var compactDialogItems = [
 ];
 
 // src/toolbar-plugin/items/mark-items.tsx
-import { Editor as Editor57 } from "slate";
+import { Editor as Editor58 } from "slate";
 function getMarks(editor) {
-  const marks = Editor57.marks(editor);
+  const marks = Editor58.marks(editor);
   return {
     bold: marks?.bold || false,
     italic: marks?.italic || false,
@@ -8119,7 +8444,7 @@ var compactListItems = [
 ];
 
 // src/toolbar-plugin/items/quote-items.tsx
-import { Editor as Editor58, Transforms as Transforms40 } from "slate";
+import { Editor as Editor59, Transforms as Transforms42 } from "slate";
 var quoteItemsList = [
   {
     icon: Quote,
@@ -8148,9 +8473,9 @@ var quoteItemsList = [
       const codeBlockEntry = findElementUp(editor, "code-block");
       if (codeBlockEntry) {
         const [codeBlock, path] = codeBlockEntry;
-        const textContent = Editor58.string(editor, path);
-        Transforms40.removeNodes(editor, { at: path });
-        Transforms40.insertNodes(
+        const textContent = Editor59.string(editor, path);
+        Transforms42.removeNodes(editor, { at: path });
+        Transforms42.insertNodes(
           editor,
           {
             type: "paragraph",
@@ -8165,9 +8490,9 @@ var quoteItemsList = [
         return;
       }
       if (selection && (selection.anchor.offset !== selection.focus.offset || JSON.stringify(selection.anchor.path) !== JSON.stringify(selection.focus.path))) {
-        const selectedText = Editor58.string(editor, selection);
-        Transforms40.delete(editor);
-        Transforms40.insertNodes(
+        const selectedText = Editor59.string(editor, selection);
+        Transforms42.delete(editor);
+        Transforms42.insertNodes(
           editor,
           {
             type: "code-block",
@@ -8237,10 +8562,10 @@ var largeItems = [
   "divider",
   ...expandedMarkItems,
   "divider",
-  ...expandedQuoteItems,
-  "divider",
   ...expandedDialogItems,
   "divider",
+  ...expandedQuoteItems,
+  "divider",
   rawModeItem,
   visualModeItem
 ];
@@ -8251,10 +8576,10 @@ var mediumItems = [
   "divider",
   ...expandedMarkItems,
   "divider",
-  ...expandedQuoteItems,
-  "divider",
   ...compactDialogItems,
   "divider",
+  ...expandedQuoteItems,
+  "divider",
   rawModeItem,
   visualModeItem
 ];
@@ -8265,20 +8590,20 @@ var smallItems = [
   "divider",
   ...compactMarkItems,
   "divider",
-  ...compactQuoteItems,
+  ...smallDialogItems,
   "divider",
-  ...compactDialogItems,
+  ...compactQuoteItems,
   "divider",
   rawModeItem,
   visualModeItem
 ];
-var initialItems = [...expandedBlockItems, "divider"];
+var initialItems = smallItems;
 var itemSets = [largeItems, mediumItems, smallItems];
 
 // src/toolbar-plugin/components/toolbar/toolbar-button.tsx
 import { clsx as clsx9 } from "clsx";
 import { useCallback as useCallback14, useRef as useRef10 } from "react";
-import { ReactEditor as ReactEditor14, useSlate as useSlate2, useSlateStatic as useSlateStatic19 } from "slate-react";
+import { ReactEditor as ReactEditor15, useSlate as useSlate2, useSlateStatic as useSlateStatic19 } from "slate-react";
 import { jsx as jsx60, jsxs as jsxs30 } from "react/jsx-runtime";
 function ToolbarButton({
   item
@@ -8307,7 +8632,7 @@ function ToolbarButton({
   const onClick = useCallback14(() => {
     if (item.action) {
       item.action(staticEditor);
-      ReactEditor14.focus(staticEditor);
+      ReactEditor15.focus(staticEditor);
       return;
     }
     if (menuLayer.layer) {
@@ -8379,10 +8704,11 @@ function measureItemSetWidth(items, buttonWidth, dividerWidth) {
   }
   return width;
 }
+var WIDTH_BUFFER_PX = 48;
 function Toolbar() {
   const ref = useRef11(null);
   const [items, setItems] = useState10(initialItems);
-  useEffect7(() => {
+  useEffect8(() => {
     const refresh = throttle2(
       () => {
         const toolbar = ref.current;
@@ -8395,7 +8721,7 @@ function Toolbar() {
             widths.button,
             widths.divider
           );
-          if (itemSetWidth < widths.toolbar) {
+          if (itemSetWidth < widths.toolbar - WIDTH_BUFFER_PX) {
             setItems(itemSets[i]);
             return;
           }
@@ -8405,9 +8731,10 @@ function Toolbar() {
       100,
       { trailing: true }
     );
-    refresh();
+    const timeoutId = setTimeout(refresh, 0);
     window.addEventListener("resize", refresh);
     return () => {
+      clearTimeout(timeoutId);
       window.removeEventListener("resize", refresh);
     };
   }, []);
@@ -8430,8 +8757,8 @@ function renderEditable({ attributes, Editable: Editable3 }) {
     (e) => {
       if (e.target !== e.currentTarget)
         return;
-      Transforms41.select(editor, Editor59.end(editor, []));
-      ReactEditor15.focus(editor);
+      Transforms43.select(editor, Editor60.end(editor, []));
+      ReactEditor16.focus(editor);
     },
     [editor]
   );
@@ -8480,7 +8807,7 @@ var ToolbarPlugin = createPlugin(
 );
 
 // src/trailing-block-plugin/index.tsx
-import { Editor as Editor60, Node as Node12, Path as Path14, Transforms as Transforms42 } from "slate";
+import { Editor as Editor61, Node as Node13, Path as Path15, Transforms as Transforms44 } from "slate";
 var TrailingBlockPlugin = createPlugin(
   (editor) => {
     editor.allowTrailingBlock = true;
@@ -8488,19 +8815,19 @@ var TrailingBlockPlugin = createPlugin(
       name: "trailing-block",
       editor: {
         normalizeNode: (entry) => {
-          if (!Editor60.isEditor(entry[0]))
+          if (!Editor61.isEditor(entry[0]))
             return false;
           const lastPath = [editor.children.length - 1];
-          const lastElement = Node12.child(
+          const lastElement = Node13.child(
             editor,
             editor.children.length - 1
           );
-          if (Editor60.hasBlocks(editor, lastElement) || Editor60.isVoid(editor, lastElement)) {
-            Transforms42.insertNodes(
+          if (Editor61.hasBlocks(editor, lastElement) || Editor61.isVoid(editor, lastElement)) {
+            Transforms44.insertNodes(
               editor,
               { type: "paragraph", children: [{ text: "" }] },
               {
-                at: Path14.next(lastPath)
+                at: Path15.next(lastPath)
               }
             );
           }
@@ -8512,11 +8839,11 @@ var TrailingBlockPlugin = createPlugin(
 );
 
 // src/paste-markdown-plugin/methods/index.ts
-import { Transforms as Transforms43 } from "slate";
+import { Transforms as Transforms45 } from "slate";
 function pasteMarkdown(editor, markdown) {
   const escapedMarkdown = escapeUrlSlashes(markdown);
   const fragment = parse(escapedMarkdown);
-  Transforms43.insertNodes(editor, fragment);
+  Transforms45.insertNodes(editor, fragment);
 }
 function createPasteMarkdownMethods(editor) {
   return {
@@ -8601,7 +8928,7 @@ var { withSink, SinkEditable: SinkEditable2 } = Sink;
 
 // src/entry/useEditor.tsx
 import { useState as useState11 } from "react";
-import { createEditor, Editor as Editor62, Transforms as Transforms44 } from "slate";
+import { createEditor, Editor as Editor63, Transforms as Transforms46 } from "slate";
 import { withHistory } from "slate-history";
 import { withReact } from "slate-react";
 function useEditor({
@@ -8637,7 +8964,7 @@ function useEditor({
       const documentValue = parse(escapedMarkdown);
       editor2.children = documentValue;
       editor2.selection = null;
-      Transforms44.select(editor2, Editor62.start(editor2, [0]));
+      Transforms46.select(editor2, Editor63.start(editor2, [0]));
     };
     return nextEditor;
   });
@@ -8656,7 +8983,8 @@ function Editable2({
   throttleInMs = 1e3,
   placeholder,
   className,
-  style
+  style,
+  onImageChange
 }) {
   const [isRawMode, setIsRawMode] = useState12(false);
   const [rawText, setRawText] = useState12(value);
@@ -8680,17 +9008,26 @@ function Editable2({
     ),
     [editor, onChange, throttleInMs]
   );
-  const onSlateChange = useCallback16(() => {
-    if (prevValueRef.current === editor.children) {
-      return;
-    }
-    prevValueRef.current = editor.children;
-    onThrottledSlateChange();
-  }, [onThrottledSlateChange]);
+  const onSlateChange = useCallback16(
+    (nextValue) => {
+      if (ignoreNextChangeRef.current) {
+        ignoreNextChangeRef.current = false;
+        prevValueRef.current = nextValue;
+        return;
+      }
+      if (prevValueRef.current === nextValue) {
+        return;
+      }
+      prevValueRef.current = nextValue;
+      onThrottledSlateChange();
+    },
+    [onThrottledSlateChange]
+  );
   if (editor.wysimark.prevValue == null || initialValueRef.current == null) {
     ignoreNextChangeRef.current = true;
     const valueToProcess = isRawMode ? value : escapeUrlSlashes(value);
     const children = parse(valueToProcess);
+    editor.children = children;
     prevValueRef.current = initialValueRef.current = children;
     editor.wysimark.prevValue = {
       markdown: value,
@@ -8711,13 +9048,13 @@ function Editable2({
         const documentValue = parse(valueToProcess);
         editor.children = documentValue;
         editor.selection = null;
-        Transforms45.select(editor, Editor63.start(editor, [0]));
+        Transforms47.select(editor, Editor64.start(editor, [0]));
       }
     }
   }
   const onSinkeEditableMouseDown = useCallback16(() => {
     if (navigator.userAgent.toLowerCase().includes("firefox")) {
-      ReactEditor17.focus(editor);
+      ReactEditor18.focus(editor);
     }
   }, [editor]);
   const onBlur = useCallback16(() => {
@@ -8746,6 +9083,7 @@ function Editable2({
   }, [isRawMode, applyRawTextToEditor, updateRawTextFromEditor]);
   editor.wysimark.isRawMode = isRawMode;
   editor.wysimark.toggleRawMode = handleRawModeToggle;
+  editor.wysimark.onImageChange = onImageChange;
   return /* @__PURE__ */ jsxs32("div", { style: { position: "relative" }, children: [
     isRawMode && /* @__PURE__ */ jsx64("div", { style: { position: "absolute", top: "5px", right: "25px", zIndex: 10 }, children: /* @__PURE__ */ jsx64(
       "div",
@@ -8805,8 +9143,8 @@ function Editable2({
       Slate2,
       {
         editor,
-        initialValue: initialValueRef.current,
-        onValueChange: onSlateChange,
+        initialValue: initialValueRef.current ?? editor.children,
+        onChange: onSlateChange,
         children: /* @__PURE__ */ jsx64(
           SinkEditable2,
           {