wysimark-lite 0.21.2 → 0.23.0

package/dist/index.mjs

@@ -5,15 +5,15 @@ import {
   createRef,
   useCallback as useCallback17,
   useImperativeHandle,
-  useRef as useRef14,
-  useState as useState13
+  useRef as useRef13,
+  useState as useState14
 } from "react";
 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 Editor64, Transforms as Transforms47 } from "slate";
+import { useCallback as useCallback16, useRef as useRef12, useState as useState13 } from "react";
+import { Editor as Editor66, Transforms as Transforms48 } from "slate";
 import { ReactEditor as ReactEditor18, Slate as Slate2 } from "slate-react";
 
 // src/convert/parse/index.ts
@@ -256,14 +256,16 @@ var MARK_KEY_TO_TOKEN = {
    *
    * This is handled in the `serializeLine` code.
    */
-  code: ""
+  code: "",
+  /**
+   * Highlight is handled specially in `serializeLine` using <mark> tags.
+   */
+  highlight: ""
 };
 function convertMarkToSymbol(mark) {
   if (mark in MARK_KEY_TO_TOKEN)
     return MARK_KEY_TO_TOKEN[mark];
-  throw new Error(
-    `Could not find mark ${JSON.stringify(mark)} in MARK_KEY_TO_TOKEN lookup`
-  );
+  return "";
 }
 function convertMarksToSymbolsExceptCode(marks) {
   return marks.map(convertMarkToSymbol).join("");
@@ -458,11 +460,11 @@ function parseUrl(url) {
       searchParams: urlData.searchParams,
       hash: urlData.hash
     };
-  } catch (error) {
+  } catch {
     const matchdata = url.match(URL_REGEX);
     if (matchdata === null)
       throw new Error(`Invalid format should not happen: ${url}`);
-    const [_, pathname, searchParams, hash] = [...matchdata];
+    const [, pathname, searchParams, hash] = [...matchdata];
     return {
       origin: "",
       hostname: "",
@@ -579,8 +581,13 @@ function parsePhrasingContent(phrasingContent, marks = {}) {
       });
     case "footnoteReference":
       return [{ text: `[${phrasingContent.identifier}]` }];
-    case "html":
+    case "html": {
+      const markMatch = phrasingContent.value.match(/^<mark>(.*)<\/mark>$/s);
+      if (markMatch) {
+        return [{ text: markMatch[1], ...marks, highlight: true }];
+      }
       return [{ text: phrasingContent.value, code: true }];
+    }
     case "image":
       return parseInlineImage(phrasingContent);
     case "inlineCode": {
@@ -1054,7 +1061,6 @@ function moveSpacesAtStartOfAnchor({
     return false;
   if (node.type !== "anchor")
     return false;
-  node;
   const firstChild = node.children[0];
   if (isText(firstChild) && isPlainSpace(firstChild)) {
     node.children.splice(0, 1);
@@ -1077,7 +1083,6 @@ function moveSpacesAtEndOfAnchor({
     return false;
   if (node.type !== "anchor")
     return false;
-  node;
   const lastChild = node.children[node.children.length - 1];
   if (isText(lastChild) && isPlainSpace(lastChild)) {
     node.children.splice(node.children.length - 1, 1);
@@ -1371,9 +1376,17 @@ function serializeLine(inputSegments, leadingMarks = [], trailingMarks = []) {
       continue;
     }
     substrings.push(convertMarksToSymbolsExceptCode(leadingDiff.add));
+    const hasHighlightOpen = leadingDiff.add.includes("highlight");
+    if (hasHighlightOpen) {
+      substrings.push("<mark>");
+    }
     substrings.push(serializeSegment(segment));
     const nextMarks = getNextMarks(segments, i, trailingMarks);
     const trailingDiff = diffMarks(leadingDiff.nextOrderedMarks, nextMarks);
+    const hasHighlightClose = trailingDiff.remove.includes("highlight");
+    if (hasHighlightClose) {
+      substrings.push("</mark>");
+    }
     substrings.push(convertMarksToSymbolsExceptCode(trailingDiff.remove));
     leadingDiff = trailingDiff;
   }
@@ -1558,6 +1571,7 @@ var translations = {
     strike: "\u53D6\u308A\u6D88\u3057\u7DDA",
     inlineCode: "\u30A4\u30F3\u30E9\u30A4\u30F3\u30B3\u30FC\u30C9",
     underline: "\u4E0B\u7DDA",
+    highlight: "\u30CF\u30A4\u30E9\u30A4\u30C8",
     increaseDepth: "\u968E\u5C64\u3092\u6DF1\u304F\u3059\u308B",
     decreaseDepth: "\u968E\u5C64\u3092\u6D45\u304F\u3059\u308B",
     heading1: "\u898B\u51FA\u30571",
@@ -1571,6 +1585,8 @@ var translations = {
     checkList: "\u30C1\u30A7\u30C3\u30AF\u30EA\u30B9\u30C8",
     list: "\u30EA\u30B9\u30C8",
     linkUrl: "\u30EA\u30F3\u30AF\u306EURL",
+    linkText: "\u30EA\u30F3\u30AF\u30C6\u30AD\u30B9\u30C8",
+    linkTextHint: "\u30EA\u30F3\u30AF\u3068\u3057\u3066\u8868\u793A\u3055\u308C\u308B\u30C6\u30AD\u30B9\u30C8",
     tooltipText: "\u30C4\u30FC\u30EB\u30C1\u30C3\u30D7\u30C6\u30AD\u30B9\u30C8",
     tooltipHint: "\u30DE\u30A6\u30B9\u30DB\u30D0\u30FC\u6642\u306B\u8868\u793A\u3055\u308C\u308B\u30C4\u30FC\u30EB\u30C1\u30C3\u30D7",
     apply: "\u9069\u7528",
@@ -1603,6 +1619,7 @@ var translations = {
     strike: "Strikethrough",
     inlineCode: "Inline Code",
     underline: "Underline",
+    highlight: "Highlight",
     increaseDepth: "Increase Depth",
     decreaseDepth: "Decrease Depth",
     heading1: "Heading 1",
@@ -1616,6 +1633,8 @@ var translations = {
     checkList: "Check List",
     list: "List",
     linkUrl: "Link URL",
+    linkText: "Link Text",
+    linkTextHint: "Text displayed as the link",
     tooltipText: "Tooltip Text",
     tooltipHint: "Tooltip shown on mouse hover",
     apply: "Apply",
@@ -1648,7 +1667,7 @@ var getLanguage = () => {
     if (typeof window !== "undefined" && window.navigator) {
       return window.navigator.language.split("-")[0];
     }
-  } catch (e) {
+  } catch {
   }
   return "en";
 };
@@ -1680,8 +1699,8 @@ function defined(value) {
 }
 
 // src/sink/editable/create-decorate.ts
-function createDecorate(originalFn, plugins2) {
-  const fns = plugins2.map((plugin) => plugin.editableProps?.decorate).filter(defined);
+function createDecorate(originalFn, plugins) {
+  const fns = plugins.map((plugin) => plugin.editableProps?.decorate).filter(defined);
   return function(entry) {
     const ranges = [];
     for (const fn of fns) {
@@ -1697,8 +1716,8 @@ function createDecorate(originalFn, plugins2) {
 // src/sink/editable/create-editable.tsx
 import { Editable } from "slate-react";
 import { jsx } from "react/jsx-runtime";
-function createEditable(plugins2) {
-  const fns = plugins2.map((plugin) => plugin.renderEditable).filter(defined);
+function createEditable(plugins) {
+  const fns = plugins.map((plugin) => plugin.renderEditable).filter(defined);
   let CurrentRenderEditable = (props) => /* @__PURE__ */ jsx(Editable, { ...props });
   for (const fn of fns) {
     const PrevRenderEditable = CurrentRenderEditable;
@@ -1713,9 +1732,9 @@ function createEditable(plugins2) {
 }
 
 // src/sink/editable/create-handler.ts
-function extractEditableFns(plugins2, key2) {
+function extractEditableFns(plugins, key2) {
   const fns = [];
-  for (const plugin of plugins2) {
+  for (const plugin of plugins) {
     const maybeFn = plugin.editableProps?.[key2];
     if (maybeFn)
       fns.push(maybeFn);
@@ -1731,26 +1750,26 @@ function createHandlerFn(fns, originalFn) {
     originalFn?.(event);
   };
 }
-var createOnKeyDown = (originalFn, plugins2) => {
-  const fns = extractEditableFns(plugins2, "onKeyDown");
+var createOnKeyDown = (originalFn, plugins) => {
+  const fns = extractEditableFns(plugins, "onKeyDown");
   return createHandlerFn(fns, originalFn);
 };
-var createOnKeyUp = (originalFn, plugins2) => {
-  const fns = extractEditableFns(plugins2, "onKeyUp");
+var createOnKeyUp = (originalFn, plugins) => {
+  const fns = extractEditableFns(plugins, "onKeyUp");
   return createHandlerFn(fns, originalFn);
 };
-var createOnPaste = (originalFn, plugins2) => {
-  const fns = extractEditableFns(plugins2, "onPaste");
+var createOnPaste = (originalFn, plugins) => {
+  const fns = extractEditableFns(plugins, "onPaste");
   return createHandlerFn(fns, originalFn);
 };
-var createOnDrop = (originalFn, plugins2) => {
-  const fns = extractEditableFns(plugins2, "onDrop");
+var createOnDrop = (originalFn, plugins) => {
+  const fns = extractEditableFns(plugins, "onDrop");
   return createHandlerFn(fns, originalFn);
 };
 
 // src/sink/editable/create-render-element.ts
-function createRenderElement(originalFn, plugins2) {
-  const fns = plugins2.map((plugin) => plugin.editableProps?.renderElement).filter(defined);
+function createRenderElement(originalFn, plugins) {
+  const fns = plugins.map((plugin) => plugin.editableProps?.renderElement).filter(defined);
   return function renderElement5(renderElementProps) {
     for (const fn of fns) {
       const result = fn(renderElementProps);
@@ -1768,11 +1787,11 @@ function createRenderElement(originalFn, plugins2) {
 
 // src/sink/editable/create-render-leaf.ts
 import { cloneElement } from "react";
-function createRenderLeaf(originalFn, plugins2) {
+function createRenderLeaf(originalFn, plugins) {
   if (originalFn === void 0) {
     throw new Error(`renderLeaf was not defined on SinkEditable`);
   }
-  const fns = plugins2.map((plugin) => plugin.editableProps?.renderLeaf).filter(defined).reverse();
+  const fns = plugins.map((plugin) => plugin.editableProps?.renderLeaf).filter(defined).reverse();
   return function(renderLeafProps) {
     let value = originalFn({
       ...renderLeafProps,
@@ -1801,10 +1820,10 @@ function createRenderLeaf(originalFn, plugins2) {
 }
 
 // src/sink/editable/create-render-placeholder.tsx
-function createRenderPlaceholder(originalFn, plugins2) {
+function createRenderPlaceholder(originalFn, plugins) {
   if (originalFn)
     return originalFn;
-  const fns = plugins2.map((plugin) => plugin.editableProps?.renderPlaceholder).filter(defined);
+  const fns = plugins.map((plugin) => plugin.editableProps?.renderPlaceholder).filter(defined);
   if (fns.length === 0)
     return void 0;
   return function(renderPlaceholderProps) {
@@ -1838,16 +1857,16 @@ function SinkEditable(originalProps) {
   useEffect(() => {
     Editor.normalize(editor, { force: true });
   }, []);
-  const { plugins: plugins2 } = editor.sink;
+  const { plugins } = editor.sink;
   const nextProps = useMemo(
     () => ({
       ...originalProps,
-      decorate: createDecorate(originalProps.decorate, plugins2),
-      renderElement: createRenderElement(originalProps.renderElement, plugins2),
-      renderLeaf: createRenderLeaf(originalProps.renderLeaf, plugins2),
+      decorate: createDecorate(originalProps.decorate, plugins),
+      renderElement: createRenderElement(originalProps.renderElement, plugins),
+      renderLeaf: createRenderLeaf(originalProps.renderLeaf, plugins),
       renderPlaceholder: createRenderPlaceholder(
         originalProps.renderPlaceholder,
-        plugins2
+        plugins
       ),
       /**
        * NOTE: We skip `onKeyUp` as it is deprecated. If somebody needs it in new
@@ -1855,21 +1874,21 @@ function SinkEditable(originalProps) {
        *
        * https://developer.mozilla.org/en-US/docs/Web/API/Element/keypress_event
        */
-      onKeyDown: createOnKeyDown(originalProps.onKeyDown, plugins2),
-      onKeyUp: createOnKeyUp(originalProps.onKeyUp, plugins2),
-      onPaste: createOnPaste(originalProps.onPaste, plugins2),
-      onDrop: createOnDrop(originalProps.onDrop, plugins2)
+      onKeyDown: createOnKeyDown(originalProps.onKeyDown, plugins),
+      onKeyUp: createOnKeyUp(originalProps.onKeyUp, plugins),
+      onPaste: createOnPaste(originalProps.onPaste, plugins),
+      onDrop: createOnDrop(originalProps.onDrop, plugins)
     }),
     Object.values(originalProps)
   );
-  const NextEditable = useMemo(() => createEditable(plugins2), [plugins2]);
+  const NextEditable = useMemo(() => createEditable(plugins), [plugins]);
   return /* @__PURE__ */ jsx2(NextEditable, { ...nextProps });
 }
 
 // src/sink/editor/create-boolean-action.ts
-function createBooleanAction(editor, actionKey, plugins2) {
+function createBooleanAction(editor, actionKey, plugins) {
   const originalAction = editor[actionKey];
-  const actionPlugins = plugins2.filter((plugin) => plugin.editor?.[actionKey]);
+  const actionPlugins = plugins.filter((plugin) => plugin.editor?.[actionKey]);
   return function nextBooleanAction(node) {
     for (const plugin of actionPlugins) {
       const result = plugin.editor?.[actionKey]?.(node);
@@ -1881,9 +1900,9 @@ function createBooleanAction(editor, actionKey, plugins2) {
 }
 
 // src/sink/editor/create-void-action.ts
-function createVoidAction(editor, actionKey, plugins2) {
+function createVoidAction(editor, actionKey, plugins) {
   const originalAction = editor[actionKey];
-  const actionPlugins = plugins2.filter((plugin) => plugin.editor?.[actionKey]);
+  const actionPlugins = plugins.filter((plugin) => plugin.editor?.[actionKey]);
   return function nextVoidAction(...args) {
     let isHandled = false;
     const afterHandledCallbacks = [];
@@ -1907,10 +1926,10 @@ function createVoidAction(editor, actionKey, plugins2) {
 function createWithSink(pluginFns) {
   return (originalEditor, options) => {
     const editor = originalEditor;
-    const plugins2 = pluginFns.map(
+    const plugins = pluginFns.map(
       (plugin) => plugin(editor, options, { createPolicy: (x) => x })
     );
-    editor.sink = { plugins: plugins2 };
+    editor.sink = { plugins };
     editor.isMaster = "isMaster" in editor ? editor.isMaster : () => false;
     editor.isSlave = "isSlave" in editor ? editor.isSlave : () => false;
     editor.isStandalone = "isStandalone" in editor ? editor.isStandalone : () => false;
@@ -1918,22 +1937,22 @@ function createWithSink(pluginFns) {
       /**
        * void
        */
-      normalizeNode: createVoidAction(editor, "normalizeNode", plugins2),
-      deleteBackward: createVoidAction(editor, "deleteBackward", plugins2),
-      deleteForward: createVoidAction(editor, "deleteForward", plugins2),
-      deleteFragment: createVoidAction(editor, "deleteFragment", plugins2),
-      insertBreak: createVoidAction(editor, "insertBreak", plugins2),
-      insertFragment: createVoidAction(editor, "insertFragment", plugins2),
-      insertNode: createVoidAction(editor, "insertNode", plugins2),
-      insertText: createVoidAction(editor, "insertText", plugins2),
+      normalizeNode: createVoidAction(editor, "normalizeNode", plugins),
+      deleteBackward: createVoidAction(editor, "deleteBackward", plugins),
+      deleteForward: createVoidAction(editor, "deleteForward", plugins),
+      deleteFragment: createVoidAction(editor, "deleteFragment", plugins),
+      insertBreak: createVoidAction(editor, "insertBreak", plugins),
+      insertFragment: createVoidAction(editor, "insertFragment", plugins),
+      insertNode: createVoidAction(editor, "insertNode", plugins),
+      insertText: createVoidAction(editor, "insertText", plugins),
       /**
        * boolean
        */
-      isInline: createBooleanAction(editor, "isInline", plugins2),
-      isVoid: createBooleanAction(editor, "isVoid", plugins2),
-      isMaster: createBooleanAction(editor, "isMaster", plugins2),
-      isSlave: createBooleanAction(editor, "isSlave", plugins2),
-      isStandalone: createBooleanAction(editor, "isStandalone", plugins2)
+      isInline: createBooleanAction(editor, "isInline", plugins),
+      isVoid: createBooleanAction(editor, "isVoid", plugins),
+      isMaster: createBooleanAction(editor, "isMaster", plugins),
+      isSlave: createBooleanAction(editor, "isSlave", plugins),
+      isStandalone: createBooleanAction(editor, "isStandalone", plugins)
     });
     return editor;
   };
@@ -2292,18 +2311,31 @@ function isUrl(s) {
 }
 
 // src/anchor-plugin/methods/editLink.ts
-import { Transforms as Transforms7 } from "slate";
-function editLink(editor, { href, title }, { at }) {
+import { Editor as Editor14, Node as Node4, Transforms as Transforms7 } from "slate";
+function editLink(editor, { href, title, text }, { at }) {
   const link = findElementUp(editor, "anchor", { at });
   if (!link)
     return false;
-  Transforms7.setNodes(editor, { href, title }, { at: link[1] });
+  const [element, path] = link;
+  Transforms7.setNodes(editor, { href, title }, { at: path });
+  if (text !== void 0) {
+    const currentText = Node4.string(element);
+    if (text !== currentText) {
+      Editor14.withoutNormalizing(editor, () => {
+        const childCount = element.children.length;
+        for (let i = childCount - 1; i >= 0; i--) {
+          Transforms7.removeNodes(editor, { at: [...path, i] });
+        }
+        Transforms7.insertNodes(editor, { text }, { at: [...path, 0] });
+      });
+    }
+  }
   return true;
 }
 
 // src/anchor-plugin/methods/insertLink.ts
 import { Editor as Editor15, Range as Range3, Text as Text2, Transforms as Transforms8 } from "slate";
-function insertLink(editor, href, text = href, { select = true } = {}) {
+function insertLink(editor, href, text = href, { select = true, title } = {}) {
   const selection = editor.selection || {
     anchor: Editor15.start(editor, [0]),
     focus: Editor15.start(editor, [0])
@@ -2314,6 +2346,7 @@ function insertLink(editor, href, text = href, { select = true } = {}) {
       {
         type: "anchor",
         href,
+        title,
         children: [{ text }]
       },
       { select, at: selection }
@@ -2325,7 +2358,7 @@ function insertLink(editor, href, text = href, { select = true } = {}) {
   } else {
     Transforms8.wrapNodes(
       editor,
-      { type: "anchor", href, children: [] },
+      { type: "anchor", href, title, children: [] },
       {
         split: true,
         match: (node) => Text2.isText(node) || Editor15.isInline(editor, node)
@@ -3158,6 +3191,7 @@ function useTooltip({
 // src/anchor-plugin/render-element/AnchorEditDialog.tsx
 import styled13 from "@emotion/styled";
 import { useCallback as useCallback3, useRef as useRef3, useState as useState3 } from "react";
+import { Node as Node6 } from "slate";
 import { useSlateStatic as useSlateStatic3 } from "slate-react";
 
 // src/shared-styles/index.ts
@@ -3273,12 +3307,16 @@ function AnchorEditDialog({
   );
   const editor = useSlateStatic3();
   const [href, setHref] = useState3(element.href);
+  const [text, setText] = useState3(Node6.string(element));
   const [title, setTitle] = useState3(element.title || "");
-  const formRef = useRef3({ href, title });
-  formRef.current = { href, title };
+  const formRef = useRef3({ href, text, title });
+  formRef.current = { href, text, title };
   const handleHrefChange = useCallback3((e) => {
     setHref(e.target.value);
   }, []);
+  const handleTextChange = useCallback3((e) => {
+    setText(e.target.value);
+  }, []);
   const handleTitleChange = useCallback3((e) => {
     setTitle(e.target.value);
   }, []);
@@ -3293,14 +3331,19 @@ function AnchorEditDialog({
     ));
   }, [destAnchor, destStartEdge, element]);
   const handleSubmit = useCallback3(() => {
-    const { href: href2, title: title2 } = formRef.current;
-    editor.anchor.editLink({ href: href2, title: title2 }, { at: element });
+    const { href: href2, text: text2, title: title2 } = formRef.current;
+    editor.anchor.editLink({ href: href2, text: text2, title: title2 }, { at: element });
     openAnchorDialog();
   }, [openAnchorDialog]);
   return /* @__PURE__ */ jsxs5($AnchorEditDialog, { contentEditable: false, style, children: [
     /* @__PURE__ */ jsxs5($FormGroup, { children: [
       /* @__PURE__ */ jsx11($FormCaption, { children: t("linkUrl") }),
-      /* @__PURE__ */ jsx11($Textarea, { as: "textarea", value: href, onChange: handleHrefChange })
+      /* @__PURE__ */ jsx11($Input, { type: "text", value: href, onChange: handleHrefChange })
+    ] }),
+    /* @__PURE__ */ jsxs5($FormGroup, { children: [
+      /* @__PURE__ */ jsx11($FormCaption, { children: t("linkText") }),
+      /* @__PURE__ */ jsx11($Input, { type: "text", value: text, onChange: handleTextChange }),
+      /* @__PURE__ */ jsx11($FormHint, { children: t("linkTextHint") })
     ] }),
     /* @__PURE__ */ jsxs5($FormGroup, { children: [
       /* @__PURE__ */ jsx11($FormCaption, { children: t("tooltipText") }),
@@ -3409,7 +3452,7 @@ function parseUrl2(s) {
   try {
     const url = new URL(s);
     return { hostname: url.hostname, pathname: url.pathname };
-  } catch (e) {
+  } catch {
     return { hostname: "", pathname: "" };
   }
 }
@@ -4604,16 +4647,14 @@ function createOnDrop2(editor) {
       Transforms17.select(editor, range);
     }
     const onImageChange = editor.wysimark?.onImageChange;
-    imageFiles.forEach(async (file) => {
+    for (const file of imageFiles) {
       if (onImageChange) {
-        try {
-          const url = await onImageChange(file);
+        onImageChange(file).then((url) => {
           if (url) {
             editor.image.insertImageFromUrl(url, file.name, "");
           }
-        } catch (error) {
-          console.error("Failed to upload image:", error);
-        }
+        }).catch(() => {
+        });
       } else {
         const reader = new FileReader();
         reader.onload = () => {
@@ -4622,7 +4663,7 @@ function createOnDrop2(editor) {
         };
         reader.readAsDataURL(file);
       }
-    });
+    }
     return true;
   };
 }
@@ -4861,7 +4902,7 @@ import { Editor as Editor28, Element as Element15, Transforms as Transforms21 }
 
 // src/code-block-plugin/decorate.tsx
 import Prism from "prismjs";
-import { Element as Element12, Node as Node6 } from "slate";
+import { Element as Element12, Node as Node8 } from "slate";
 var { languages, tokenize } = Prism;
 function getLineOffsets(lines) {
   let offset = 0;
@@ -4882,7 +4923,7 @@ function decorate(nodeEntry) {
   if (lang === void 0)
     return [];
   const codeLineElements = node.children;
-  const textLines = codeLineElements.map((node2) => `${Node6.string(node2)}
+  const textLines = codeLineElements.map((node2) => `${Node8.string(node2)}
 `);
   const text = textLines.join("");
   const lineOffsets = getLineOffsets(textLines);
@@ -4992,24 +5033,13 @@ var tokenStyles = {
   italic: italicStyle
 };
 
-// src/code-block-plugin/types.tsx
-var LanguageList = [
-  "text",
-  "html",
-  "css",
-  "svg",
-  "javascript",
-  "java",
-  "c"
-];
-
 // src/code-block-plugin/normalizeNode.tsx
-import { Element as Element14, Node as Node7, Transforms as Transforms20 } from "slate";
+import { Element as Element14, Node as Node9, Transforms as Transforms20 } from "slate";
 function normalizeNode3(editor, entry) {
   if (!Element14.isElement(entry[0]))
     return false;
   if (entry[0].type === "code-block-line") {
-    for (const [child, path] of Node7.children(editor, entry[1])) {
+    for (const [child, path] of Node9.children(editor, entry[1])) {
       if (!Element14.isElement(child))
         continue;
       if (editor.isVoid(child)) {
@@ -5022,7 +5052,7 @@ function normalizeNode3(editor, entry) {
     }
   }
   if (entry[0].type === "code-block") {
-    for (const [child, path] of Node7.children(editor, entry[1])) {
+    for (const [child, path] of Node9.children(editor, entry[1])) {
       if (!Element14.isElement(child))
         continue;
       if (child.type === "code-block-line")
@@ -5037,7 +5067,7 @@ function normalizeNode3(editor, entry) {
         Transforms20.removeNodes(editor, { at: path });
         Transforms20.insertNodes(editor, {
           type: "code-block-line",
-          children: [{ text: Node7.string(child) }]
+          children: [{ text: Node9.string(child) }]
         });
         return true;
       }
@@ -5047,12 +5077,8 @@ function normalizeNode3(editor, entry) {
 }
 
 // src/code-block-plugin/render-element/CodeBlock.tsx
-import { useCallback as useCallback9, useRef as useRef5 } from "react";
-import { useSelected as useSelected3 } from "slate-react";
-
-// src/code-block-plugin/icons/ChevronDownIcon.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
-var ChevronDownIcon = (props) => /* @__PURE__ */ jsx29(TablerIcon, { ...props, children: /* @__PURE__ */ jsx29("path", { d: "m6 9 6 6 6-6" }) });
+import { useCallback as useCallback9, useState as useState5 } from "react";
+import { useSelected as useSelected3, useSlateStatic as useSlateStatic11 } from "slate-react";
 
 // src/code-block-plugin/styles.ts
 import styled23 from "@emotion/styled";
@@ -5134,50 +5160,70 @@ var $CodeBlockLine = styled23("div")`
 `;
 
 // src/code-block-plugin/render-element/CodeBlock.tsx
-import { jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
 function CodeBlock({
   element,
   attributes,
   children
 }) {
-  const ref = useRef5(null);
+  const editor = useSlateStatic11();
   const selected = useSelected3();
-  const dropdown = useLayer("code-block-dropdown");
-  const onClick = useCallback9(() => {
-    if (dropdown.layer)
-      dropdown.close();
-    const dest = ref.current;
-    if (dest === null)
-      return;
-    const items = LanguageList.map((language) => {
-      return {
-        icon: () => /* @__PURE__ */ jsx30("span", {}),
-        title: language,
-        action: (editor) => {
-          editor.codeBlock.setCodeBlockLanguage(language, { at: element });
-        }
-      };
-    });
-    dropdown.open(() => /* @__PURE__ */ jsx30(Menu, { dest, items, close: dropdown.close }));
-  }, [element]);
+  const [isEditing, setIsEditing] = useState5(false);
+  const [inputValue, setInputValue] = useState5(element.language);
+  const handleClick = useCallback9(() => {
+    setInputValue(element.language);
+    setIsEditing(true);
+  }, [element.language]);
+  const handleBlur = useCallback9(() => {
+    setIsEditing(false);
+    if (inputValue !== element.language) {
+      editor.codeBlock.setCodeBlockLanguage(inputValue || "text", { at: element });
+    }
+  }, [editor, element, inputValue]);
+  const handleKeyDown = useCallback9((e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      e.target.blur();
+    } else if (e.key === "Escape") {
+      setInputValue(element.language);
+      setIsEditing(false);
+    }
+  }, [element.language]);
   return /* @__PURE__ */ jsxs16($CodeBlock, { className: selected ? "--selected" : "", ...attributes, children: [
-    /* @__PURE__ */ jsxs16($CodeBlockLanguage, { contentEditable: false, onClick, ref, children: [
-      /* @__PURE__ */ jsx30("span", { children: element.language }),
-      /* @__PURE__ */ jsx30(ChevronDownIcon, {})
-    ] }),
-    /* @__PURE__ */ jsx30($CodeBlockScroller, { children })
+    /* @__PURE__ */ jsx29($CodeBlockLanguage, { contentEditable: false, children: isEditing ? /* @__PURE__ */ jsx29(
+      "input",
+      {
+        type: "text",
+        value: inputValue,
+        onChange: (e) => setInputValue(e.target.value),
+        onBlur: handleBlur,
+        onKeyDown: handleKeyDown,
+        autoFocus: true,
+        style: {
+          width: "100%",
+          border: "none",
+          background: "transparent",
+          font: "inherit",
+          color: "inherit",
+          padding: 0,
+          outline: "none",
+          textAlign: "right"
+        }
+      }
+    ) : /* @__PURE__ */ jsx29("span", { onClick: handleClick, style: { cursor: "pointer", width: "100%" }, children: element.language || "text" }) }),
+    /* @__PURE__ */ jsx29($CodeBlockScroller, { children })
   ] });
 }
 
 // src/code-block-plugin/render-element/CodeBlockLine.tsx
 import { useSelected as useSelected4 } from "slate-react";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function CodeBlockLine({
   attributes,
   children
 }) {
   const selected = useSelected4();
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx30(
     $CodeBlockLine,
     {
       className: selected ? "--selected" : "",
@@ -5189,21 +5235,21 @@ function CodeBlockLine({
 }
 
 // src/code-block-plugin/render-element/index.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function renderElement2({
   element,
   attributes,
   children
 }) {
   if (element.type === "code-block") {
-    return /* @__PURE__ */ jsx32(CodeBlock, { element, attributes, children });
+    return /* @__PURE__ */ jsx31(CodeBlock, { element, attributes, children });
   } else if (element.type === "code-block-line") {
-    return /* @__PURE__ */ jsx32(CodeBlockLine, { element, attributes, children });
+    return /* @__PURE__ */ jsx31(CodeBlockLine, { element, attributes, children });
   }
 }
 
 // src/code-block-plugin/index.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var CodeBlockPlugin = createPlugin(
   (editor, _options, { createPolicy }) => {
     editor.codeBlock = createCodeBlockMethods(editor);
@@ -5261,7 +5307,7 @@ var CodeBlockPlugin = createPlugin(
           if (style === null) {
             return children;
           } else {
-            return /* @__PURE__ */ jsx33("span", { style, children });
+            return /* @__PURE__ */ jsx32("span", { style, children });
           }
         }
       }
@@ -5338,7 +5384,7 @@ import { useSelected as useSelected5 } from "slate-react";
 import styled24 from "@emotion/styled";
 var $Paragraph = styled24("p")`
   padding: 0;
-  margin: 1em 0;
+  margin: 0;
   &:first-child {
     margin-top: 0;
   }
@@ -5348,8 +5394,8 @@ var $Paragraph = styled24("p")`
 
   &.--collapsible&.--empty {
     font-size: 0.25em; /* font-size is collapsed to 1/4 of regular em */
-    margin: -4em 0; /* margin grows to 3/4 of regular em leaving space */
-    padding: 1em 0; /* this is kind of eye-balling it */
+    margin: -0.4em 0;
+    padding: 0.1em 0; /* this is kind of eye-balling it */
     border-radius: 1em;
     &:hover {
       background: rgba(0, 127, 255, 0.1);
@@ -5359,7 +5405,7 @@ var $Paragraph = styled24("p")`
   &.--collapsible&.--empty&.--selected {
     font-size: 1em;
     padding: 0;
-    margin: 1em 0;
+    margin: 0;
     &:hover {
       background: none;
       cursor: default;
@@ -5369,13 +5415,13 @@ var $Paragraph = styled24("p")`
 `;
 
 // src/collapsible-paragraph-plugin/render-element/utils.ts
-import { Node as Node10 } from "slate";
+import { Node as Node12 } from "slate";
 function getIsEmpty(element) {
-  return element.children.length === 1 && Node10.string(element.children[0]).length === 0;
+  return element.children.length === 1 && Node12.string(element.children[0]).length === 0;
 }
 
 // src/collapsible-paragraph-plugin/render-element/paragraph.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function Paragraph({
   element,
   attributes,
@@ -5383,7 +5429,7 @@ function Paragraph({
 }) {
   const selected = useSelected5();
   const isEmpty = getIsEmpty(element);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(
     $Paragraph,
     {
       ...attributes,
@@ -5398,14 +5444,19 @@ function Paragraph({
 }
 
 // src/collapsible-paragraph-plugin/index.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var CollapsibleParagraphPlugin = createPlugin((editor) => {
   const { insertBreak: insertBreak3 } = editor;
   editor.insertBreak = () => {
     const { selection } = editor;
     if (selection && selection.anchor.path[0] === selection.focus.path[0]) {
-      const text = Editor32.string(editor, [selection.anchor.path[0]]);
-      if (text.match(/\n$/) || text.match(/\n\n/)) {
+      const blockPath = [selection.anchor.path[0]];
+      const blockStart = Editor32.start(editor, blockPath);
+      const textBeforeCursor = Editor32.string(editor, {
+        anchor: blockStart,
+        focus: selection.anchor
+      });
+      if (textBeforeCursor.endsWith("\n")) {
         insertBreak3();
       } else {
         editor.insertText("\n");
@@ -5440,7 +5491,7 @@ var CollapsibleParagraphPlugin = createPlugin((editor) => {
       renderElement: ({ element, attributes, children }) => {
         switch (element.type) {
           case "paragraph": {
-            return /* @__PURE__ */ jsx35(Paragraph, { element, attributes, children });
+            return /* @__PURE__ */ jsx34(Paragraph, { element, attributes, children });
           }
         }
       },
@@ -5461,13 +5512,51 @@ function addConvertElementType(editor, type) {
 }
 
 // src/convert-element-plugin/methods/convert-elements.ts
-import { Editor as Editor33, Element as Element20, Node as Node11, Point, Transforms as Transforms24 } from "slate";
+import { Editor as Editor33, Element as Element20, Node as Node13, Point, Range as Range5, Transforms as Transforms24 } from "slate";
+function getOffsetInElement(editor, point, elementPath) {
+  try {
+    const elementStart = Editor33.start(editor, elementPath);
+    const elementEnd = Editor33.end(editor, elementPath);
+    if (Point.isBefore(point, elementStart) || Point.isAfter(point, elementEnd)) {
+      return -1;
+    }
+    const range = { anchor: elementStart, focus: point };
+    return Editor33.string(editor, range).length;
+  } catch {
+    return -1;
+  }
+}
+function restoreSelectionInElement(editor, elementPath, offset) {
+  try {
+    const element = Node13.get(editor, elementPath);
+    if (!Element20.isElement(element))
+      return;
+    const text = Node13.string(element);
+    const safeOffset = Math.min(offset, text.length);
+    const elementStart = Editor33.start(editor, elementPath);
+    let currentOffset = 0;
+    let targetPath = elementStart.path;
+    let targetOffset = 0;
+    for (const [node, path] of Node13.texts(element)) {
+      const nodeLength = node.text.length;
+      if (currentOffset + nodeLength >= safeOffset) {
+        targetPath = [...elementPath, ...path];
+        targetOffset = safeOffset - currentOffset;
+        break;
+      }
+      currentOffset += nodeLength;
+    }
+    const point = { path: targetPath, offset: targetOffset };
+    Transforms24.select(editor, { anchor: point, focus: point });
+  } catch {
+  }
+}
 function elementContainsNewlines(element) {
-  const text = Node11.string(element);
+  const text = Node13.string(element);
   return text.includes("\n");
 }
 function getSelectedLineIndices(editor, element, elementPath, selection) {
-  const text = Node11.string(element);
+  const text = Node13.string(element);
   const lines = text.split("\n");
   const elementStart = Editor33.start(editor, elementPath);
   const elementEnd = Editor33.end(editor, elementPath);
@@ -5500,7 +5589,7 @@ function getSelectedLineIndices(editor, element, elementPath, selection) {
   return { startLineIndex, endLineIndex };
 }
 function splitElementAtSelectedLines(editor, element, path, selection) {
-  const text = Node11.string(element);
+  const text = Node13.string(element);
   if (!text.includes("\n")) {
     return path;
   }
@@ -5575,6 +5664,14 @@ function convertElements(editor, matchForToggle, targetElement, allowToggle) {
   );
   if (entries.length === 0)
     return false;
+  let savedAnchorOffset = -1;
+  let savedFocusOffset = -1;
+  let isCollapsed2 = Range5.isCollapsed(selection);
+  if (entries.length > 0) {
+    const [, firstPath] = entries[0];
+    savedAnchorOffset = getOffsetInElement(editor, selection.anchor, firstPath);
+    savedFocusOffset = getOffsetInElement(editor, selection.focus, firstPath);
+  }
   const allPaths = [];
   Editor33.withoutNormalizing(editor, () => {
     for (let i = entries.length - 1; i >= 0; i--) {
@@ -5594,7 +5691,7 @@ function convertElements(editor, matchForToggle, targetElement, allowToggle) {
   });
   const updatedEntries = allPaths.map((path) => {
     try {
-      const node = Node11.get(editor, path);
+      const node = Node13.get(editor, path);
       if (Element20.isElement(node)) {
         return [node, path];
       }
@@ -5619,6 +5716,52 @@ function convertElements(editor, matchForToggle, targetElement, allowToggle) {
       }
     });
   }
+  if (updatedEntries.length > 0 && savedAnchorOffset >= 0) {
+    const [, firstPath] = updatedEntries[0];
+    if (isCollapsed2) {
+      restoreSelectionInElement(editor, firstPath, savedAnchorOffset);
+    } else if (savedFocusOffset >= 0) {
+      try {
+        const element = Node13.get(editor, firstPath);
+        if (Element20.isElement(element)) {
+          const text = Node13.string(element);
+          const safeAnchorOffset = Math.min(savedAnchorOffset, text.length);
+          const safeFocusOffset = Math.min(savedFocusOffset, text.length);
+          const elementStart = Editor33.start(editor, firstPath);
+          let anchorPath = elementStart.path;
+          let anchorOffset = safeAnchorOffset;
+          let currentOffset = 0;
+          for (const [node, path] of Node13.texts(element)) {
+            const nodeLength = node.text.length;
+            if (currentOffset + nodeLength >= safeAnchorOffset) {
+              anchorPath = [...firstPath, ...path];
+              anchorOffset = safeAnchorOffset - currentOffset;
+              break;
+            }
+            currentOffset += nodeLength;
+          }
+          let focusPath = elementStart.path;
+          let focusOffset = safeFocusOffset;
+          currentOffset = 0;
+          for (const [node, path] of Node13.texts(element)) {
+            const nodeLength = node.text.length;
+            if (currentOffset + nodeLength >= safeFocusOffset) {
+              focusPath = [...firstPath, ...path];
+              focusOffset = safeFocusOffset - currentOffset;
+              break;
+            }
+            currentOffset += nodeLength;
+          }
+          Transforms24.select(editor, {
+            anchor: { path: anchorPath, offset: anchorOffset },
+            focus: { path: focusPath, offset: focusOffset }
+          });
+        }
+      } catch {
+        restoreSelectionInElement(editor, firstPath, savedAnchorOffset);
+      }
+    }
+  }
   return true;
 }
 
@@ -5734,7 +5877,7 @@ var $H6 = styled25("h6")`
 `;
 
 // src/heading-plugin/index.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var HeadingPlugin = createPlugin(
   (editor) => {
     editor.convertElement.addConvertElementType("heading");
@@ -5765,21 +5908,23 @@ var HeadingPlugin = createPlugin(
           if (element.type === "heading") {
             switch (element.level) {
               case 1:
-                return /* @__PURE__ */ jsx36($H1, { ...attributes, children });
+                return /* @__PURE__ */ jsx35($H1, { ...attributes, children });
               case 2:
-                return /* @__PURE__ */ jsx36($H2, { ...attributes, children });
+                return /* @__PURE__ */ jsx35($H2, { ...attributes, children });
               case 3:
-                return /* @__PURE__ */ jsx36($H3, { ...attributes, children });
+                return /* @__PURE__ */ jsx35($H3, { ...attributes, children });
               case 4:
-                return /* @__PURE__ */ jsx36($H4, { ...attributes, children });
+                return /* @__PURE__ */ jsx35($H4, { ...attributes, children });
               case 5:
-                return /* @__PURE__ */ jsx36($H5, { ...attributes, children });
+                return /* @__PURE__ */ jsx35($H5, { ...attributes, children });
               case 6:
-                return /* @__PURE__ */ jsx36($H6, { ...attributes, children });
-              default:
+                return /* @__PURE__ */ jsx35($H6, { ...attributes, children });
+              default: {
+                const exhaustiveCheck = element.level;
                 throw new Error(
-                  `Expected element.level to be 1-6 but got ${element.level}`
+                  `Expected element.level to be 1-6 but got ${exhaustiveCheck}`
                 );
+              }
             }
           }
         },
@@ -5833,7 +5978,7 @@ var $HorizontalRule = styled26("hr")`
 `;
 
 // src/horizontal-rule-plugin/horizontal-rule.tsx
-import { jsx as jsx37, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs17 } from "react/jsx-runtime";
 function HorizontalRule({
   attributes,
   children
@@ -5841,7 +5986,7 @@ function HorizontalRule({
   const selected = useSelected6();
   return /* @__PURE__ */ jsxs17("div", { ...attributes, draggable: true, children: [
     children,
-    /* @__PURE__ */ jsx37("div", { contentEditable: false, children: /* @__PURE__ */ jsx37($HorizontalRule, { className: selected ? "--selected" : "" }) })
+    /* @__PURE__ */ jsx36("div", { contentEditable: false, children: /* @__PURE__ */ jsx36($HorizontalRule, { className: selected ? "--selected" : "" }) })
   ] });
 }
 
@@ -5859,7 +6004,7 @@ function createHorizontalRuleMethods(editor) {
 }
 
 // src/horizontal-rule-plugin/index.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 var HorizontalRulePlugin = createPlugin(
   (editor, _options, { createPolicy }) => {
     editor.horizontalRule = createHorizontalRuleMethods(editor);
@@ -5874,7 +6019,7 @@ var HorizontalRulePlugin = createPlugin(
       editableProps: {
         renderElement: (props) => {
           if (props.element.type === "horizontal-rule") {
-            return /* @__PURE__ */ jsx38(HorizontalRule, { ...props });
+            return /* @__PURE__ */ jsx37(HorizontalRule, { ...props });
           }
         },
         onKeyDown: createHotkeyHandler({
@@ -5917,7 +6062,7 @@ var $InvisibleSpan = styled27("span")`
 `;
 
 // src/inline-code-plugin/index.tsx
-import { jsx as jsx39, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs18 } from "react/jsx-runtime";
 var InlineCodePlugin = createPlugin(
   (editor) => {
     if (!editor.marksPlugin)
@@ -5937,9 +6082,9 @@ var InlineCodePlugin = createPlugin(
                * Disable spellCheck because it's computer code usually.
                */
               /* @__PURE__ */ jsxs18($InlineCode, { spellCheck: false, children: [
-                /* @__PURE__ */ jsx39($InvisibleSpan, { contentEditable: false, children: "|" }),
+                /* @__PURE__ */ jsx38($InvisibleSpan, { contentEditable: false, children: "|" }),
                 children,
-                /* @__PURE__ */ jsx39($InvisibleSpan, { contentEditable: false, children: "|" })
+                /* @__PURE__ */ jsx38($InvisibleSpan, { contentEditable: false, children: "|" })
               ] })
             );
           } else {
@@ -6153,7 +6298,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 ReactEditor10, useSlateStatic as useSlateStatic11 } from "slate-react";
+import { ReactEditor as ReactEditor10, useSlateStatic as useSlateStatic12 } from "slate-react";
 
 // src/list-plugin/render-element/styles.ts
 import styled28 from "@emotion/styled";
@@ -6161,7 +6306,6 @@ var $ListItem = styled28("li")`
   margin-top: 0.5em;
   margin-bottom: 0.5em;
   list-style-position: outside;
-  margin-left: calc(2em + var(--list-item-depth) * 2em);
 `;
 var $UnorderedListItem = styled28($ListItem)`
   position: relative;
@@ -6217,31 +6361,31 @@ var $TaskListItem = styled28($ListItem)`
 `;
 
 // src/list-plugin/render-element/ordered-list-item.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function OrderedListItem({
   element,
   attributes,
   children
 }) {
-  const editor = useSlateStatic11();
+  const editor = useSlateStatic12();
   useEffect5(() => {
     const path = ReactEditor10.findPath(editor, element);
     normalizeOrderedFirstAtDepth(editor, [element, path]);
   }, []);
   const style = {
-    "--list-item-depth": element.depth,
+    marginLeft: `${2 + element.depth * 2}em`,
     "--list-item-var": `list-item-depth-${element.depth}`
   };
   const className = clsx6({ "--first-at-depth": element.__firstAtDepth });
-  return /* @__PURE__ */ jsx40($OrderedListItem, { ...attributes, className, style, children });
+  return /* @__PURE__ */ jsx39($OrderedListItem, { ...attributes, className, style, children });
 }
 
 // src/list-plugin/render-element/task-list-item.tsx
 import { useCallback as useCallback10 } from "react";
-import { useSlateStatic as useSlateStatic12 } from "slate-react";
+import { useSlateStatic as useSlateStatic13 } from "slate-react";
 
 // src/list-plugin/render-element/list-icons.tsx
-import { jsx as jsx41, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs19 } from "react/jsx-runtime";
 var UncheckedIcon = (props) => /* @__PURE__ */ jsxs19(
   "svg",
   {
@@ -6256,8 +6400,8 @@ var UncheckedIcon = (props) => /* @__PURE__ */ jsxs19(
     viewBox: "0 0 24 24",
     ...props,
     children: [
-      /* @__PURE__ */ jsx41("path", { d: "M0 0h24v24H0z", stroke: "none" }),
-      /* @__PURE__ */ jsx41("rect", { x: 4, y: 4, width: 16, height: 16, rx: 2 })
+      /* @__PURE__ */ jsx40("path", { d: "M0 0h24v24H0z", stroke: "none" }),
+      /* @__PURE__ */ jsx40("rect", { x: 4, y: 4, width: 16, height: 16, rx: 2 })
     ]
   }
 );
@@ -6276,13 +6420,13 @@ var CheckedIcon = (props) => /* @__PURE__ */ jsxs19(
     viewBox: "0 0 24 24",
     ...props,
     children: [
-      /* @__PURE__ */ jsx41("path", { d: "M0 0h24v24H0z", stroke: "none" }),
-      /* @__PURE__ */ jsx41("path", { d: "m9 11 3 3 8-8", className: "--checkmark" }),
-      /* @__PURE__ */ jsx41("path", { d: "M20 12v6a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h9" })
+      /* @__PURE__ */ jsx40("path", { d: "M0 0h24v24H0z", stroke: "none" }),
+      /* @__PURE__ */ jsx40("path", { d: "m9 11 3 3 8-8", className: "--checkmark" }),
+      /* @__PURE__ */ jsx40("path", { d: "M20 12v6a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h9" })
     ]
   }
 );
-var BulletIcon = (props) => /* @__PURE__ */ jsx41(
+var BulletIcon = (props) => /* @__PURE__ */ jsx40(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6291,44 +6435,44 @@ var BulletIcon = (props) => /* @__PURE__ */ jsx41(
     width: "1em",
     height: "1em",
     ...props,
-    children: /* @__PURE__ */ jsx41("path", { d: "M12 8.25a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5z" })
+    children: /* @__PURE__ */ jsx40("path", { d: "M12 8.25a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5z" })
   }
 );
 
 // src/list-plugin/render-element/task-list-item.tsx
-import { jsx as jsx42, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs20 } from "react/jsx-runtime";
 function TaskListItem({
   element,
   attributes,
   children
 }) {
-  const editor = useSlateStatic12();
+  const editor = useSlateStatic13();
   const toggle = useCallback10(() => {
     editor.list.toggleTaskListItem({ at: element });
   }, [editor, element]);
-  const style = { "--list-item-depth": element.depth };
-  return /* @__PURE__ */ jsxs20($TaskListItem, { ...attributes, style, children: [
-    /* @__PURE__ */ jsx42("div", { className: "--list-item-icon", contentEditable: false, children: element.checked ? /* @__PURE__ */ jsx42(CheckedIcon, { onClick: toggle, style: { cursor: "pointer" } }) : /* @__PURE__ */ jsx42(UncheckedIcon, { onClick: toggle, style: { cursor: "pointer" } }) }),
+  const marginLeft = `${2 + element.depth * 2}em`;
+  return /* @__PURE__ */ jsxs20($TaskListItem, { ...attributes, style: { marginLeft }, children: [
+    /* @__PURE__ */ jsx41("div", { className: "--list-item-icon", contentEditable: false, children: element.checked ? /* @__PURE__ */ jsx41(CheckedIcon, { onClick: toggle, style: { cursor: "pointer" } }) : /* @__PURE__ */ jsx41(UncheckedIcon, { onClick: toggle, style: { cursor: "pointer" } }) }),
     children
   ] });
 }
 
 // src/list-plugin/render-element/unordered-list-item.tsx
-import { jsx as jsx43, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs21 } from "react/jsx-runtime";
 function UnorderedListItem({
   element,
   attributes,
   children
 }) {
-  const style = { "--list-item-depth": element.depth };
-  return /* @__PURE__ */ jsxs21($UnorderedListItem, { ...attributes, style, children: [
-    /* @__PURE__ */ jsx43("div", { className: "--list-item-icon", contentEditable: false, children: /* @__PURE__ */ jsx43(BulletIcon, {}) }),
+  const marginLeft = `${2 + element.depth * 2}em`;
+  return /* @__PURE__ */ jsxs21($UnorderedListItem, { ...attributes, style: { marginLeft }, children: [
+    /* @__PURE__ */ jsx42("div", { className: "--list-item-icon", contentEditable: false, children: /* @__PURE__ */ jsx42(BulletIcon, {}) }),
     children
   ] });
 }
 
 // src/list-plugin/render-element/index.tsx
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 function renderElement3({
   element,
   attributes,
@@ -6336,11 +6480,11 @@ function renderElement3({
 }) {
   switch (element.type) {
     case "ordered-list-item":
-      return /* @__PURE__ */ jsx44(OrderedListItem, { element, attributes, children });
+      return /* @__PURE__ */ jsx43(OrderedListItem, { element, attributes, children });
     case "unordered-list-item":
-      return /* @__PURE__ */ jsx44(UnorderedListItem, { element, attributes, children });
+      return /* @__PURE__ */ jsx43(UnorderedListItem, { element, attributes, children });
     case "task-list-item":
-      return /* @__PURE__ */ jsx44(TaskListItem, { element, attributes, children });
+      return /* @__PURE__ */ jsx43(TaskListItem, { element, attributes, children });
   }
 }
 
@@ -6469,7 +6613,8 @@ function createMarksMethods(editor) {
     toggleBold: () => toggleMark(editor, "bold"),
     toggleItalic: () => toggleMark(editor, "italic"),
     toggleUnderline: () => toggleMark(editor, "underline"),
-    toggleStrike: () => toggleMark(editor, "strike")
+    toggleStrike: () => toggleMark(editor, "strike"),
+    toggleHighlight: () => toggleMark(editor, "highlight")
   };
 }
 
@@ -6495,10 +6640,13 @@ var $MarksSpan = styled29("span")`
   &.--underline.--strike {
     text-decoration: underline line-through;
   }
+  &.--highlight {
+    background-color: #ffeb3b;
+  }
 `;
 
 // src/marks-plugin/index.tsx
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 var MarksPlugin = createPlugin((editor) => {
   editor.marksPlugin = createMarksMethods(editor);
   editor.activeMarks = {};
@@ -6538,14 +6686,15 @@ var MarksPlugin = createPlugin((editor) => {
     name: "marks",
     editableProps: {
       renderLeaf: ({ leaf, children }) => {
-        return /* @__PURE__ */ jsx45(
+        return /* @__PURE__ */ jsx44(
           $MarksSpan,
           {
             className: clsx7({
               "--bold": leaf.bold,
               "--italic": leaf.italic,
               "--underline": leaf.underline,
-              "--strike": leaf.strike
+              "--strike": leaf.strike,
+              "--highlight": leaf.highlight
             }),
             children
           }
@@ -6673,7 +6822,7 @@ function deleteFragmentWithProtectedTypes(editor, protectedTypes) {
 }
 
 // src/table-plugin/methods/index.ts
-import { Transforms as Transforms39 } from "slate";
+import { Transforms as Transforms40 } from "slate";
 
 // src/table-plugin/methods/get-table-info.ts
 function getTableInfo(editor, { at = editor.selection } = {}) {
@@ -6971,6 +7120,7 @@ function setTableColumnAlign(editor, options) {
 }
 
 // src/table-plugin/methods/tab.ts
+import { Path as Path15, Transforms as Transforms39 } from "slate";
 function tabForward(editor) {
   const t2 = getTableInfo(editor);
   if (!t2)
@@ -6984,8 +7134,13 @@ function tabForward(editor) {
     selectStartOfElement(editor, [...tablePath, rowIndex + 1, 0]);
     return true;
   }
-  insertRowBelow(editor);
-  selectStartOfElement(editor, [...tablePath, rowIndex + 1, 0]);
+  const nextPath = Path15.next(tablePath);
+  Transforms39.insertNodes(
+    editor,
+    { type: "paragraph", children: [{ text: "" }] },
+    { at: nextPath }
+  );
+  selectStartOfElement(editor, nextPath);
   return true;
 }
 function tabBackward(editor) {
@@ -7002,6 +7157,23 @@ function tabBackward(editor) {
     return true;
   }
 }
+function shiftEnterForward(editor) {
+  const t2 = getTableInfo(editor);
+  if (!t2)
+    return false;
+  const { cellIndex, cellCount, rowIndex, rowCount, tablePath } = t2;
+  if (cellIndex < cellCount - 1) {
+    selectStartOfElement(editor, [...tablePath, rowIndex, cellIndex + 1]);
+    return true;
+  }
+  if (rowIndex < rowCount - 1) {
+    selectStartOfElement(editor, [...tablePath, rowIndex + 1, 0]);
+    return true;
+  }
+  insertRowBelow(editor);
+  selectStartOfElement(editor, [...tablePath, rowIndex + 1, 0]);
+  return true;
+}
 
 // src/table-plugin/methods/index.ts
 function createTableMethods(editor) {
@@ -7015,6 +7187,7 @@ function createTableMethods(editor) {
     removeRow: curryOne(removeRow, editor),
     tabForward: curryOne(tabForward, editor),
     tabBackward: curryOne(tabBackward, editor),
+    shiftEnterForward: curryOne(shiftEnterForward, editor),
     selectCell: curryOne(selectCell, editor),
     down: curryOne(down, editor),
     up: curryOne(up, editor),
@@ -7026,12 +7199,12 @@ function selectCell(editor, { at = editor.selection } = {}) {
   if (t2 === void 0)
     return false;
   const { cellPath } = t2;
-  Transforms39.select(editor, cellPath);
+  Transforms40.select(editor, cellPath);
   return true;
 }
 
 // src/table-plugin/normalize/normalize-table.ts
-import { Transforms as Transforms40 } from "slate";
+import { Transforms as Transforms41 } from "slate";
 function normalizeTableIndexes(editor, entry) {
   let isTransformed = false;
   const rowElements = entry[0].children;
@@ -7039,7 +7212,7 @@ function normalizeTableIndexes(editor, entry) {
     const cellElements = rowElement.children;
     cellElements.forEach((cellElement, x) => {
       if (cellElement.x !== x || cellElement.y !== y) {
-        Transforms40.setNodes(editor, { x, y }, { at: [...entry[1], y, x] });
+        Transforms41.setNodes(editor, { x, y }, { at: [...entry[1], y, x] });
         isTransformed = true;
       }
     });
@@ -7048,14 +7221,14 @@ function normalizeTableIndexes(editor, entry) {
 }
 
 // src/table-plugin/normalize/normalize-table-cell.ts
-import { Editor as Editor57, Transforms as Transforms41 } from "slate";
+import { Editor as Editor58, Transforms as Transforms42 } from "slate";
 function normalizeTableCell(editor, entry) {
   const [node, path] = entry;
   if (node.children.length === 1 && node.children[0].type === "table-content") {
     return false;
   }
-  Editor57.withoutNormalizing(editor, () => {
-    Transforms41.insertNodes(
+  Editor58.withoutNormalizing(editor, () => {
+    Transforms42.insertNodes(
       editor,
       {
         type: "table-content",
@@ -7064,9 +7237,9 @@ function normalizeTableCell(editor, entry) {
       { at: [...entry[1], 0] }
     );
     for (let i = node.children.length; i >= 0; i--) {
-      Transforms41.mergeNodes(editor, { at: [...path, i] });
+      Transforms42.mergeNodes(editor, { at: [...path, i] });
     }
-    Transforms41.delete(editor, {
+    Transforms42.delete(editor, {
       at: { path: [...path, 0, 0], offset: 0 },
       unit: "character"
     });
@@ -7076,7 +7249,7 @@ function normalizeTableCell(editor, entry) {
 
 // src/table-plugin/render-element/table.tsx
 import { useEffect as useEffect6 } from "react";
-import { ReactEditor as ReactEditor12, useSelected as useSelected7, useSlateStatic as useSlateStatic13 } from "slate-react";
+import { ReactEditor as ReactEditor12, useSelected as useSelected7, useSlateStatic as useSlateStatic14 } from "slate-react";
 
 // src/table-plugin/render-element/styles/index.ts
 import styled31 from "@emotion/styled";
@@ -7274,19 +7447,19 @@ var TableContext = createContext2({
 });
 
 // src/table-plugin/render-element/table.tsx
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function Table({
   element,
   attributes,
   children
 }) {
-  const editor = useSlateStatic13();
+  const editor = useSlateStatic14();
   const isSelected = useSelected7();
   useEffect6(() => {
     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 }) }) });
+  return /* @__PURE__ */ jsx45(TableContext.Provider, { value: { isSelected }, children: /* @__PURE__ */ jsx45($Table, { ...attributes, columns: element.columns, children: /* @__PURE__ */ jsx45("tbody", { children }) }) });
 }
 
 // src/table-plugin/render-element/table-cell/index.tsx
@@ -7294,12 +7467,12 @@ import { useContext as useContext2 } from "react";
 import { useSelected as useSelected8 } from "slate-react";
 
 // src/table-plugin/render-element/table-cell/column-menu/index.tsx
-import { useCallback as useCallback11, useRef as useRef6, useState as useState5 } from "react";
-import { useSlateStatic as useSlateStatic14 } from "slate-react";
+import { useCallback as useCallback11, useRef as useRef5, useState as useState6 } from "react";
+import { useSlateStatic as useSlateStatic15 } from "slate-react";
 
 // src/table-plugin/icons.tsx
-import { jsx as jsx47 } from "react/jsx-runtime";
-var PlusIcon = (props) => /* @__PURE__ */ jsx47(
+import { jsx as jsx46 } from "react/jsx-runtime";
+var PlusIcon = (props) => /* @__PURE__ */ jsx46(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7308,7 +7481,7 @@ var PlusIcon = (props) => /* @__PURE__ */ jsx47(
     width: "1em",
     height: "1em",
     ...props,
-    children: /* @__PURE__ */ jsx47(
+    children: /* @__PURE__ */ jsx46(
       "path",
       {
         fillRule: "evenodd",
@@ -7318,7 +7491,7 @@ var PlusIcon = (props) => /* @__PURE__ */ jsx47(
     )
   }
 );
-var MinusIcon = (props) => /* @__PURE__ */ jsx47(
+var MinusIcon = (props) => /* @__PURE__ */ jsx46(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7327,7 +7500,7 @@ var MinusIcon = (props) => /* @__PURE__ */ jsx47(
     width: "1em",
     height: "1em",
     ...props,
-    children: /* @__PURE__ */ jsx47(
+    children: /* @__PURE__ */ jsx46(
       "path",
       {
         fillRule: "evenodd",
@@ -7337,18 +7510,18 @@ var MinusIcon = (props) => /* @__PURE__ */ jsx47(
     )
   }
 );
-var BarsIcon = () => /* @__PURE__ */ jsx47(TablerIcon, { children: /* @__PURE__ */ jsx47("path", { d: "M4 6h16M4 12h16M4 18h16" }) });
-var AlignLeft = () => /* @__PURE__ */ jsx47(TablerIcon, { children: /* @__PURE__ */ jsx47("path", { d: "M4 6h16M4 12h10M4 18h14" }) });
-var AlignCenter = () => /* @__PURE__ */ jsx47(TablerIcon, { children: /* @__PURE__ */ jsx47("path", { d: "M4 6h16M8 12h8M6 18h12" }) });
-var AlignRight = () => /* @__PURE__ */ jsx47(TablerIcon, { children: /* @__PURE__ */ jsx47("path", { d: "M4 6h16M10 12h10M6 18h14" }) });
+var BarsIcon = () => /* @__PURE__ */ jsx46(TablerIcon, { children: /* @__PURE__ */ jsx46("path", { d: "M4 6h16M4 12h16M4 18h16" }) });
+var AlignLeft = () => /* @__PURE__ */ jsx46(TablerIcon, { children: /* @__PURE__ */ jsx46("path", { d: "M4 6h16M4 12h10M4 18h14" }) });
+var AlignCenter = () => /* @__PURE__ */ jsx46(TablerIcon, { children: /* @__PURE__ */ jsx46("path", { d: "M4 6h16M8 12h8M6 18h12" }) });
+var AlignRight = () => /* @__PURE__ */ jsx46(TablerIcon, { children: /* @__PURE__ */ jsx46("path", { d: "M4 6h16M10 12h10M6 18h14" }) });
 
 // src/table-plugin/render-element/table-cell/column-menu/index.tsx
-import { Fragment as Fragment4, jsx as jsx48, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx47, jsxs as jsxs22 } from "react/jsx-runtime";
 function ColumnMenu({ cellElement }) {
-  const editor = useSlateStatic14();
+  const editor = useSlateStatic15();
   const menu = useLayer("column-menu");
-  const buttonRef = useRef6(null);
-  const [hover, setHover] = useState5(false);
+  const buttonRef = useRef5(null);
+  const [hover, setHover] = useState6(false);
   const onMouseEnter = useCallback11(() => {
     setHover(true);
   }, []);
@@ -7384,7 +7557,7 @@ function ColumnMenu({ cellElement }) {
         }
       }
     ];
-    menu.open(() => /* @__PURE__ */ jsx48(Menu, { dest, items, close: menu.close }));
+    menu.open(() => /* @__PURE__ */ jsx47(Menu, { dest, items, close: menu.close }));
   }, []);
   return /* @__PURE__ */ jsxs22(
     $ColumnMenu,
@@ -7395,9 +7568,9 @@ function ColumnMenu({ cellElement }) {
       onMouseEnter,
       onMouseLeave,
       children: [
-        /* @__PURE__ */ jsx48($ColumnMenuTile, { className: "--tile", children: /* @__PURE__ */ jsx48(BarsIcon, {}) }),
+        /* @__PURE__ */ jsx47($ColumnMenuTile, { className: "--tile", children: /* @__PURE__ */ jsx47(BarsIcon, {}) }),
         hover ? /* @__PURE__ */ jsxs22(Fragment4, { children: [
-          /* @__PURE__ */ jsx48(
+          /* @__PURE__ */ jsx47(
             $RemoveMenuButton,
             {
               style: {
@@ -7406,23 +7579,23 @@ function ColumnMenu({ cellElement }) {
                 marginLeft: "-0.5em"
               },
               onMouseDown: () => editor.tablePlugin.removeColumn({ at: cellElement }),
-              children: /* @__PURE__ */ jsx48(MinusIcon, {})
+              children: /* @__PURE__ */ jsx47(MinusIcon, {})
             }
           ),
-          /* @__PURE__ */ jsx48(
+          /* @__PURE__ */ jsx47(
             $AddMenuButton,
             {
               style: { left: "-0.5em", top: 0 },
               onMouseDown: () => editor.tablePlugin.insertColumn({ at: cellElement }),
-              children: /* @__PURE__ */ jsx48(PlusIcon, {})
+              children: /* @__PURE__ */ jsx47(PlusIcon, {})
             }
           ),
-          /* @__PURE__ */ jsx48(
+          /* @__PURE__ */ jsx47(
             $AddMenuButton,
             {
               style: { right: "-0.5em", top: 0 },
               onMouseDown: () => editor.tablePlugin.insertColumn({ at: cellElement, offset: 1 }),
-              children: /* @__PURE__ */ jsx48(PlusIcon, {})
+              children: /* @__PURE__ */ jsx47(PlusIcon, {})
             }
           )
         ] }) : null
@@ -7432,12 +7605,12 @@ function ColumnMenu({ cellElement }) {
 }
 
 // src/table-plugin/render-element/table-cell/row-menu/index.tsx
-import { useState as useState6 } from "react";
-import { useSlateStatic as useSlateStatic15 } from "slate-react";
-import { Fragment as Fragment5, jsx as jsx49, jsxs as jsxs23 } from "react/jsx-runtime";
+import { useState as useState7 } from "react";
+import { useSlateStatic as useSlateStatic16 } from "slate-react";
+import { Fragment as Fragment5, jsx as jsx48, jsxs as jsxs23 } from "react/jsx-runtime";
 function RowMenu({ cellElement }) {
-  const editor = useSlateStatic15();
-  const [hover, setHover] = useState6(false);
+  const editor = useSlateStatic16();
+  const [hover, setHover] = useState7(false);
   return /* @__PURE__ */ jsxs23(
     $RowMenu,
     {
@@ -7445,9 +7618,9 @@ function RowMenu({ cellElement }) {
       onMouseEnter: () => setHover(true),
       onMouseLeave: () => setHover(false),
       children: [
-        /* @__PURE__ */ jsx49($RowMenuTile, { className: "--tile", children: /* @__PURE__ */ jsx49(BarsIcon, {}) }),
+        /* @__PURE__ */ jsx48($RowMenuTile, { className: "--tile", children: /* @__PURE__ */ jsx48(BarsIcon, {}) }),
         hover ? /* @__PURE__ */ jsxs23(Fragment5, { children: [
-          /* @__PURE__ */ jsx49(
+          /* @__PURE__ */ jsx48(
             $RemoveMenuButton,
             {
               style: {
@@ -7456,23 +7629,23 @@ function RowMenu({ cellElement }) {
                 marginTop: "-0.5em"
               },
               onMouseDown: () => editor.tablePlugin.removeRow({ at: cellElement }),
-              children: /* @__PURE__ */ jsx49(MinusIcon, {})
+              children: /* @__PURE__ */ jsx48(MinusIcon, {})
             }
           ),
-          /* @__PURE__ */ jsx49(
+          /* @__PURE__ */ jsx48(
             $AddMenuButton,
             {
               style: { top: "-0.5em", left: "0.5em" },
               onMouseDown: () => editor.tablePlugin.insertRow({ at: cellElement }),
-              children: /* @__PURE__ */ jsx49(PlusIcon, {})
+              children: /* @__PURE__ */ jsx48(PlusIcon, {})
             }
           ),
-          /* @__PURE__ */ jsx49(
+          /* @__PURE__ */ jsx48(
             $AddMenuButton,
             {
               style: { bottom: "-0.5em", left: "0.5em" },
               onMouseDown: () => editor.tablePlugin.insertRow({ at: cellElement, offset: 1 }),
-              children: /* @__PURE__ */ jsx49(PlusIcon, {})
+              children: /* @__PURE__ */ jsx48(PlusIcon, {})
             }
           )
         ] }) : null
@@ -7527,13 +7700,13 @@ var $TableMenuTile = styled32("div")`
 `;
 
 // src/table-plugin/render-element/table-cell/table-menu/index.tsx
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 function TableMenu() {
-  return /* @__PURE__ */ jsx50($TableMenu, { contentEditable: false, children: /* @__PURE__ */ jsx50($TableMenuTile, { className: "--table-menu-tile" }) });
+  return /* @__PURE__ */ jsx49($TableMenu, { contentEditable: false, children: /* @__PURE__ */ jsx49($TableMenuTile, { className: "--table-menu-tile" }) });
 }
 
 // src/table-plugin/render-element/table-cell/index.tsx
-import { jsx as jsx51, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs24 } from "react/jsx-runtime";
 function TableCell({
   element,
   attributes,
@@ -7553,34 +7726,34 @@ function TableCell({
       "data-y": element.y,
       children: [
         children,
-        showTableMenu ? /* @__PURE__ */ jsx51(TableMenu, {}) : null,
-        showRowMenu ? /* @__PURE__ */ jsx51(RowMenu, { cellElement: element }) : null,
-        showColumnMenu ? /* @__PURE__ */ jsx51(ColumnMenu, { cellElement: element }) : null
+        showTableMenu ? /* @__PURE__ */ jsx50(TableMenu, {}) : null,
+        showRowMenu ? /* @__PURE__ */ jsx50(RowMenu, { cellElement: element }) : null,
+        showColumnMenu ? /* @__PURE__ */ jsx50(ColumnMenu, { cellElement: element }) : null
       ]
     }
   );
 }
 
 // src/table-plugin/render-element/table-content.tsx
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 function TableContent({
   attributes,
   children
 }) {
-  return /* @__PURE__ */ jsx52($TableContent, { ...attributes, children });
+  return /* @__PURE__ */ jsx51($TableContent, { ...attributes, children });
 }
 
 // src/table-plugin/render-element/table-row.tsx
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 function TableRow({
   attributes,
   children
 }) {
-  return /* @__PURE__ */ jsx53($TableRow, { ...attributes, children });
+  return /* @__PURE__ */ jsx52($TableRow, { ...attributes, children });
 }
 
 // src/table-plugin/render-element/index.tsx
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 function renderElement4({
   element,
   attributes,
@@ -7588,13 +7761,13 @@ function renderElement4({
 }) {
   switch (element.type) {
     case "table":
-      return /* @__PURE__ */ jsx54(Table, { element, attributes, children });
+      return /* @__PURE__ */ jsx53(Table, { element, attributes, children });
     case "table-row":
-      return /* @__PURE__ */ jsx54(TableRow, { element, attributes, children });
+      return /* @__PURE__ */ jsx53(TableRow, { element, attributes, children });
     case "table-cell":
-      return /* @__PURE__ */ jsx54(TableCell, { element, attributes, children });
+      return /* @__PURE__ */ jsx53(TableCell, { element, attributes, children });
     case "table-content":
-      return /* @__PURE__ */ jsx54(TableContent, { element, attributes, children });
+      return /* @__PURE__ */ jsx53(TableContent, { element, attributes, children });
   }
 }
 
@@ -7615,7 +7788,11 @@ var TablePlugin = createPlugin(
         deleteFragment: () => deleteFragmentWithProtectedTypes(editor, ["table-cell"]),
         insertBreak: () => {
           const entry = findElementUp(editor, "table-cell");
-          return !!entry;
+          if (entry) {
+            editor.insertText("\n");
+            return true;
+          }
+          return false;
         },
         isMaster(element) {
           if (element.type === "table")
@@ -7649,6 +7826,7 @@ var TablePlugin = createPlugin(
            */
           tab: editor.tablePlugin.tabForward,
           "shift+tab": editor.tablePlugin.tabBackward,
+          "shift+enter": editor.tablePlugin.shiftEnterForward,
           down: editor.tablePlugin.down,
           up: editor.tablePlugin.up,
           /**
@@ -7733,7 +7911,7 @@ var globalStyles = css2`
 `;
 
 // src/theme-plugin/index.tsx
-import { Fragment as Fragment6, jsx as jsx55, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx54, jsxs as jsxs25 } from "react/jsx-runtime";
 var ThemePlugin = createPlugin((editor) => {
   editor.theme = true;
   return {
@@ -7741,8 +7919,8 @@ var ThemePlugin = createPlugin((editor) => {
     editor: {},
     renderEditable: ({ attributes, Editable: Editable3 }) => {
       return /* @__PURE__ */ jsxs25(Fragment6, { children: [
-        /* @__PURE__ */ jsx55(Global, { styles: globalStyles }),
-        /* @__PURE__ */ jsx55(Editable3, { ...attributes })
+        /* @__PURE__ */ jsx54(Global, { styles: globalStyles }),
+        /* @__PURE__ */ jsx54(Editable3, { ...attributes })
       ] });
     },
     editableProps: {}
@@ -7751,14 +7929,14 @@ 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 Editor60, Transforms as Transforms43 } from "slate";
-import { ReactEditor as ReactEditor16, useFocused, useSlateStatic as useSlateStatic21 } from "slate-react";
+import { useCallback as useCallback15, useRef as useRef11 } from "react";
+import { Editor as Editor62, Transforms as Transforms44 } from "slate";
+import { ReactEditor as ReactEditor16, useFocused, useSlateStatic as useSlateStatic22 } 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 ReactEditor13, useSlateStatic as useSlateStatic16 } from "slate-react";
+import { useCallback as useCallback12, useRef as useRef6, useState as useState8 } from "react";
+import { ReactEditor as ReactEditor13, useSlateStatic as useSlateStatic17 } from "slate-react";
 
 // src/toolbar-plugin/styles/table-styles.ts
 import styled33 from "@emotion/styled";
@@ -7784,7 +7962,7 @@ var $TableDialogGridCell = styled33("div")`
 `;
 
 // src/toolbar-plugin/components/dialog/table-dialog.tsx
-import { Fragment as Fragment7, jsx as jsx56, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx55, jsxs as jsxs26 } from "react/jsx-runtime";
 function createRange2(size) {
   return [...Array(size).keys()];
 }
@@ -7792,9 +7970,9 @@ function TableDialog({
   dest,
   close
 }) {
-  const [hover, setHover] = useState7({ x: 0, y: 0 });
-  const editor = useSlateStatic16();
-  const ref = useRef7(null);
+  const [hover, setHover] = useState8({ x: 0, y: 0 });
+  const editor = useSlateStatic17();
+  const ref = useRef6(null);
   const style = useAbsoluteReposition({ src: ref, dest }, ({ dest: dest2 }) => {
     return { left: dest2.left - 8, top: dest2.top + dest2.height };
   });
@@ -7815,11 +7993,11 @@ function TableDialog({
     [editor]
   );
   return /* @__PURE__ */ jsxs26(Fragment7, { children: [
-    /* @__PURE__ */ jsx56(CloseMask, { close }),
-    /* @__PURE__ */ jsx56($TableDialog, { ref, style, children: /* @__PURE__ */ jsx56($TableDialogGrid, { onMouseLeave: () => hoverCell(0, 0), children: rows.map((y) => {
+    /* @__PURE__ */ jsx55(CloseMask, { close }),
+    /* @__PURE__ */ jsx55($TableDialog, { ref, style, children: /* @__PURE__ */ jsx55($TableDialogGrid, { onMouseLeave: () => hoverCell(0, 0), children: rows.map((y) => {
       return cols.map((x) => {
         const selected = x <= hover.x && y <= hover.y;
-        return /* @__PURE__ */ jsx56(
+        return /* @__PURE__ */ jsx55(
           $TableDialogGridCell,
           {
             className: clsx8({ "--selected": selected }),
@@ -7835,60 +8013,66 @@ function TableDialog({
 
 // src/toolbar-plugin/components/toolbar/toolbar.tsx
 import throttle2 from "lodash.throttle";
-import { useEffect as useEffect8, useRef as useRef11, useState as useState10 } from "react";
-import { useSlateStatic as useSlateStatic20 } from "slate-react";
+import { useEffect as useEffect8, useRef as useRef10, useState as useState11 } from "react";
+import { useSlateStatic as useSlateStatic21 } from "slate-react";
 
 // src/toolbar-plugin/icons.tsx
-import { jsx as jsx57, jsxs as jsxs27 } from "react/jsx-runtime";
-var H = () => /* @__PURE__ */ jsx57(TablerIcon, { children: /* @__PURE__ */ jsx57("path", { d: "M7 12h10M7 5v14M17 5v14M15 19h4M15 5h4M5 19h4M5 5h4" }) });
-var More = () => /* @__PURE__ */ jsx57(TablerIcon, { className: "--more-icon", width: "0.5em", viewBox: "0 0 12 24", children: /* @__PURE__ */ jsx57("path", { d: "m2 12 4 4 4-4" }) });
-var LinkPlus = () => /* @__PURE__ */ jsx57(TablerIcon, { width: "0.5em", viewBox: "6 0 12 24", children: /* @__PURE__ */ jsx57("path", { d: "M9 12h6M12 9v6" }) });
-var H1 = () => /* @__PURE__ */ jsx57(TablerIcon, { children: /* @__PURE__ */ jsx57("path", { d: "M19 18v-8l-2 2M4 6v12M12 6v12M11 18h2M3 18h2M4 12h8M3 6h2M11 6h2" }) });
-var H2 = () => /* @__PURE__ */ jsx57(TablerIcon, { children: /* @__PURE__ */ jsx57("path", { d: "M17 12a2 2 0 1 1 4 0c0 .591-.417 1.318-.816 1.858L17 18.001h4M4 6v12M12 6v12M11 18h2M3 18h2M4 12h8M3 6h2M11 6h2" }) });
-var H3 = () => /* @__PURE__ */ jsx57(TablerIcon, { children: /* @__PURE__ */ jsx57("path", { d: "M19 14a2 2 0 1 0-2-2M17 16a2 2 0 1 0 2-2M4 6v12M12 6v12M11 18h2M3 18h2M4 12h8M3 6h2M11 6h2" }) });
-var Normal = () => /* @__PURE__ */ jsx57(TablerIcon, { children: /* @__PURE__ */ jsx57("path", { d: "M8 18V6h2l6 9V6h2v12h-2l-6-9v9H8z" }) });
-var Bold = () => /* @__PURE__ */ jsx57(TablerIcon, { children: /* @__PURE__ */ jsx57("path", { d: "M7 5h6a3.5 3.5 0 0 1 0 7H7zM13 12h1a3.5 3.5 0 0 1 0 7H7v-7" }) });
-var Italic = () => /* @__PURE__ */ jsx57(TablerIcon, { children: /* @__PURE__ */ jsx57("path", { d: "M11 5h6M7 19h6M14 5l-4 14" }) });
+import { jsx as jsx56, jsxs as jsxs27 } from "react/jsx-runtime";
+var H = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M7 12h10M7 5v14M17 5v14M15 19h4M15 5h4M5 19h4M5 5h4" }) });
+var More = () => /* @__PURE__ */ jsx56(TablerIcon, { className: "--more-icon", width: "0.5em", viewBox: "0 0 12 24", children: /* @__PURE__ */ jsx56("path", { d: "m2 12 4 4 4-4" }) });
+var LinkPlus = () => /* @__PURE__ */ jsx56(TablerIcon, { width: "0.5em", viewBox: "6 0 12 24", children: /* @__PURE__ */ jsx56("path", { d: "M9 12h6M12 9v6" }) });
+var H1 = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M19 18v-8l-2 2M4 6v12M12 6v12M11 18h2M3 18h2M4 12h8M3 6h2M11 6h2" }) });
+var H2 = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M17 12a2 2 0 1 1 4 0c0 .591-.417 1.318-.816 1.858L17 18.001h4M4 6v12M12 6v12M11 18h2M3 18h2M4 12h8M3 6h2M11 6h2" }) });
+var H3 = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M19 14a2 2 0 1 0-2-2M17 16a2 2 0 1 0 2-2M4 6v12M12 6v12M11 18h2M3 18h2M4 12h8M3 6h2M11 6h2" }) });
+var Normal = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M8 18V6h2l6 9V6h2v12h-2l-6-9v9H8z" }) });
+var Bold = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M7 5h6a3.5 3.5 0 0 1 0 7H7zM13 12h1a3.5 3.5 0 0 1 0 7H7v-7" }) });
+var Italic = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M11 5h6M7 19h6M14 5l-4 14" }) });
 var Link = () => /* @__PURE__ */ jsxs27(TablerIcon, { children: [
-  /* @__PURE__ */ jsx57("path", { d: "M10 14a3.5 3.5 0 0 0 5 0l4-4a3.5 3.5 0 0 0-5-5l-.5.5" }),
-  /* @__PURE__ */ jsx57("path", { d: "M14 10a3.5 3.5 0 0 0-5 0l-4 4a3.5 3.5 0 0 0 5 5l.5-.5" })
+  /* @__PURE__ */ jsx56("path", { d: "M10 14a3.5 3.5 0 0 0 5 0l4-4a3.5 3.5 0 0 0-5-5l-.5.5" }),
+  /* @__PURE__ */ jsx56("path", { d: "M14 10a3.5 3.5 0 0 0-5 0l-4 4a3.5 3.5 0 0 0 5 5l.5-.5" })
 ] });
-var Quote = () => /* @__PURE__ */ jsx57(TablerIcon, { children: /* @__PURE__ */ jsx57("path", { d: "M10 11H6a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v6c0 2.667-1.333 4.333-4 5M19 11h-4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v6c0 2.667-1.333 4.333-4 5" }) });
+var Quote = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M10 11H6a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v6c0 2.667-1.333 4.333-4 5M19 11h-4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v6c0 2.667-1.333 4.333-4 5" }) });
 var DoubleQuote = () => /* @__PURE__ */ jsxs27(TablerIcon, { children: [
-  /* @__PURE__ */ jsx57("path", { d: "M10 9l4 3-4 3" }),
-  /* @__PURE__ */ jsx57("path", { d: "M16 9l4 3-4 3" })
+  /* @__PURE__ */ jsx56("path", { d: "M10 9l4 3-4 3" }),
+  /* @__PURE__ */ jsx56("path", { d: "M16 9l4 3-4 3" })
 ] });
-var BulletList = () => /* @__PURE__ */ jsx57(TablerIcon, { children: /* @__PURE__ */ jsx57("path", { d: "M9 6h11M9 12h11M9 18h11M5 6v.01M5 12v.01M5 18v.01" }) });
+var BulletList = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M9 6h11M9 12h11M9 18h11M5 6v.01M5 12v.01M5 18v.01" }) });
 var Table2 = () => /* @__PURE__ */ jsxs27(TablerIcon, { children: [
-  /* @__PURE__ */ jsx57("rect", { x: 4, y: 4, width: 16, height: 16, rx: 2 }),
-  /* @__PURE__ */ jsx57("path", { d: "M4 10h16M10 4v16" })
+  /* @__PURE__ */ jsx56("rect", { x: 4, y: 4, width: 16, height: 16, rx: 2 }),
+  /* @__PURE__ */ jsx56("path", { d: "M4 10h16M10 4v16" })
 ] });
-var Code = () => /* @__PURE__ */ jsx57(TablerIcon, { children: /* @__PURE__ */ jsx57("path", { d: "m7 8-4 4 4 4M17 8l4 4-4 4M14 4l-4 16" }) });
-var CodeBlock2 = () => /* @__PURE__ */ jsx57(TablerIcon, { children: /* @__PURE__ */ jsx57("path", { d: "M9 8L5 12L9 16M15 8L19 12L15 16" }) });
+var Code = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "m7 8-4 4 4 4M17 8l4 4-4 4M14 4l-4 16" }) });
+var CodeBlock2 = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M9 8L5 12L9 16M15 8L19 12L15 16" }) });
 var Image = () => /* @__PURE__ */ jsxs27(TablerIcon, { children: [
-  /* @__PURE__ */ jsx57("path", { d: "M15 8h.01" }),
-  /* @__PURE__ */ jsx57("rect", { x: 4, y: 4, width: 16, height: 16, rx: 3 }),
-  /* @__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" })
+  /* @__PURE__ */ jsx56("path", { d: "M15 8h.01" }),
+  /* @__PURE__ */ jsx56("rect", { x: 4, y: 4, width: 16, height: 16, rx: 3 }),
+  /* @__PURE__ */ jsx56("path", { d: "m4 15 4-4a3 5 0 0 1 3 0l5 5" }),
+  /* @__PURE__ */ jsx56("path", { d: "m14 14 1-1a3 5 0 0 1 3 0l2 2" })
 ] });
-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" }) });
+var Plus = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M12 5v14M5 12h14" }) });
+var Strikethrough = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("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__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M7 5v5a5 5 0 0 0 10 0V5M5 19h14" }) });
 var ListCheck = () => /* @__PURE__ */ jsxs27(TablerIcon, { children: [
-  /* @__PURE__ */ jsx57("path", { d: "m9 11 3 3 8-8" }),
-  /* @__PURE__ */ jsx57("path", { d: "M20 12v6a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h9" })
+  /* @__PURE__ */ jsx56("path", { d: "m9 11 3 3 8-8" }),
+  /* @__PURE__ */ jsx56("path", { d: "M20 12v6a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h9" })
 ] });
-var ListNumbers = () => /* @__PURE__ */ jsx57(TablerIcon, { children: /* @__PURE__ */ jsx57("path", { d: "M11 6h9M11 12h9M12 18h8M4 16a2 2 0 1 1 4 0c0 .591-.5 1-1 1.5L4 20h4M6 10V4L4 6" }) });
-var IncreaseDepth = () => /* @__PURE__ */ jsx57(TablerIcon, { children: /* @__PURE__ */ jsx57("path", { d: "M4 6h16M8 12h12M12 18h8M7 12l-3-3M7 12l-3 3" }) });
-var DecreaseDepth = () => /* @__PURE__ */ jsx57(TablerIcon, { children: /* @__PURE__ */ jsx57("path", { d: "M4 6h16M8 12h12M12 18h8M4 12l3-3M4 12l3 3" }) });
+var ListNumbers = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M11 6h9M11 12h9M12 18h8M4 16a2 2 0 1 1 4 0c0 .591-.5 1-1 1.5L4 20h4M6 10V4L4 6" }) });
+var IncreaseDepth = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M4 6h16M8 12h12M12 18h8M7 12l-3-3M7 12l-3 3" }) });
+var DecreaseDepth = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M4 6h16M8 12h12M12 18h8M4 12l3-3M4 12l3 3" }) });
 var Markdown = () => /* @__PURE__ */ jsxs27(TablerIcon, { children: [
-  /* @__PURE__ */ jsx57("path", { d: "M5 5h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2z" }),
-  /* @__PURE__ */ jsx57("path", { d: "M7 15V9l2 2 2-2v6M14 9v6h4M14 13h2" })
+  /* @__PURE__ */ jsx56("path", { d: "M5 5h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2z" }),
+  /* @__PURE__ */ jsx56("path", { d: "M7 15V9l2 2 2-2v6M14 9v6h4M14 13h2" })
 ] });
 var VisualEditor = () => /* @__PURE__ */ jsxs27(TablerIcon, { children: [
-  /* @__PURE__ */ jsx57("path", { d: "M5 5h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2z" }),
-  /* @__PURE__ */ jsx57("path", { d: "M8 8h8M8 12h8M8 16h5" }),
-  /* @__PURE__ */ jsx57("path", { d: "M16 16h1" })
+  /* @__PURE__ */ jsx56("path", { d: "M5 5h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2z" }),
+  /* @__PURE__ */ jsx56("path", { d: "M8 8h8M8 12h8M8 16h5" }),
+  /* @__PURE__ */ jsx56("path", { d: "M16 16h1" })
+] });
+var Highlight = () => /* @__PURE__ */ jsxs27(TablerIcon, { children: [
+  /* @__PURE__ */ jsx56("path", { d: "M3 19h4L17.5 8.5a2.828 2.828 0 1 0-4-4L3 15v4" }),
+  /* @__PURE__ */ jsx56("path", { d: "m12.5 5.5 4 4" }),
+  /* @__PURE__ */ jsx56("path", { d: "M3 21h7" }),
+  /* @__PURE__ */ jsx56("path", { d: "M18 19h3M19.5 17.5v3" })
 ] });
 
 // src/toolbar-plugin/items/block-items.tsx
@@ -7897,15 +8081,17 @@ var listDepthItems = [
     icon: IncreaseDepth,
     title: t("increaseDepth"),
     hotkey: "tab",
-    action: (editor) => editor.list.increaseDepth(),
-    active: (editor) => editor.list.canIncreaseDepth()
+    action: (editor) => editor.list?.increaseDepth(),
+    active: (editor) => editor.list?.canIncreaseDepth() ?? false,
+    show: (editor) => !!editor.list
   },
   {
     icon: DecreaseDepth,
     title: t("decreaseDepth"),
     hotkey: "shift+tab",
-    action: (editor) => editor.list.decreaseDepth(),
-    active: (editor) => editor.list.canDecreaseDepth()
+    action: (editor) => editor.list?.decreaseDepth(),
+    active: (editor) => editor.list?.canDecreaseDepth() ?? false,
+    show: (editor) => !!editor.list
   }
 ];
 var blockItems = [
@@ -7950,8 +8136,8 @@ var compactBlockItems = [
 ];
 
 // src/toolbar-plugin/components/dialog/image-url-dialog.tsx
-import { useState as useState8, useRef as useRef8, useEffect as useEffect7 } from "react";
-import { useSlateStatic as useSlateStatic17 } from "slate-react";
+import { useState as useState9, useRef as useRef7, useEffect as useEffect7 } from "react";
+import { useSlateStatic as useSlateStatic18 } from "slate-react";
 
 // src/toolbar-plugin/styles/file-dialog-styles.ts
 import styled34 from "@emotion/styled";
@@ -7961,22 +8147,22 @@ var $FileDialog = styled34($Panel)`
 `;
 
 // src/toolbar-plugin/components/dialog/image-url-dialog.tsx
-import { Fragment as Fragment8, jsx as jsx58, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx57, jsxs as jsxs28 } from "react/jsx-runtime";
 function ImageUrlDialog({
   dest,
   close
 }) {
-  const editor = useSlateStatic17();
-  const ref = useRef8(void 0);
-  const fileInputRef = useRef8(null);
+  const editor = useSlateStatic18();
+  const ref = useRef7(void 0);
+  const fileInputRef = useRef7(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 ?? "");
+  const [url, setUrl] = useState9(savedState?.url ?? "");
+  const [alt, setAlt] = useState9(savedState?.alt ?? "");
+  const [title, setTitle] = useState9(savedState?.title ?? "");
+  const [imageSource, setImageSource] = useState9(savedState?.imageSource ?? (hasOnImageChange ? "file" : "url"));
+  const [isUploading, setIsUploading] = useState9(false);
+  const [uploadedUrl, setUploadedUrl] = useState9(savedState?.uploadedUrl ?? "");
   useEffect7(() => {
     if (editor.wysimark) {
       editor.wysimark.imageDialogState = { url, alt, title, imageSource, uploadedUrl };
@@ -8033,11 +8219,11 @@ function ImageUrlDialog({
   }
   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__ */ jsx57(CloseMask, { close }),
+    /* @__PURE__ */ jsx57($FileDialog, { ref, style, children: /* @__PURE__ */ jsxs28("form", { onSubmit: handleSubmit, style: { padding: "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(
+          /* @__PURE__ */ jsx57(
             "input",
             {
               type: "radio",
@@ -8051,7 +8237,7 @@ function ImageUrlDialog({
           t("imageSourceFile")
         ] }),
         /* @__PURE__ */ jsxs28("label", { style: { display: "inline-flex", alignItems: "center", cursor: "pointer" }, children: [
-          /* @__PURE__ */ jsx58(
+          /* @__PURE__ */ jsx57(
             "input",
             {
               type: "radio",
@@ -8066,8 +8252,8 @@ function ImageUrlDialog({
         ] })
       ] }),
       imageSource === "url" ? /* @__PURE__ */ jsxs28("div", { style: { marginBottom: "8px" }, children: [
-        /* @__PURE__ */ jsx58("label", { style: { display: "block", marginBottom: "4px" }, children: t("imageUrlRequired") }),
-        /* @__PURE__ */ jsx58(
+        /* @__PURE__ */ jsx57("label", { style: { display: "block", marginBottom: "4px" }, children: t("imageUrlRequired") }),
+        /* @__PURE__ */ jsx57(
           "input",
           {
             type: "text",
@@ -8084,7 +8270,7 @@ function ImageUrlDialog({
           }
         )
       ] }) : /* @__PURE__ */ jsxs28("div", { style: { marginBottom: "8px" }, children: [
-        /* @__PURE__ */ jsx58(
+        /* @__PURE__ */ jsx57(
           "input",
           {
             ref: fileInputRef,
@@ -8094,7 +8280,7 @@ function ImageUrlDialog({
             style: { display: "none" }
           }
         ),
-        /* @__PURE__ */ jsx58(
+        /* @__PURE__ */ jsx57(
           "button",
           {
             type: "button",
@@ -8112,8 +8298,8 @@ function ImageUrlDialog({
           }
         ),
         uploadedUrl && /* @__PURE__ */ jsxs28("div", { style: { marginTop: "8px" }, children: [
-          /* @__PURE__ */ jsx58("label", { style: { display: "block", marginBottom: "4px" }, children: t("imageUrlRequired") }),
-          /* @__PURE__ */ jsx58(
+          /* @__PURE__ */ jsx57("label", { style: { display: "block", marginBottom: "4px" }, children: t("imageUrlRequired") }),
+          /* @__PURE__ */ jsx57(
             "input",
             {
               type: "text",
@@ -8133,8 +8319,8 @@ function ImageUrlDialog({
         ] })
       ] }),
       /* @__PURE__ */ jsxs28("div", { style: { marginBottom: "8px" }, children: [
-        /* @__PURE__ */ jsx58("label", { style: { display: "block", marginBottom: "4px" }, children: t("altText") }),
-        /* @__PURE__ */ jsx58(
+        /* @__PURE__ */ jsx57("label", { style: { display: "block", marginBottom: "4px" }, children: t("altText") }),
+        /* @__PURE__ */ jsx57(
           "input",
           {
             type: "text",
@@ -8152,8 +8338,8 @@ function ImageUrlDialog({
         )
       ] }),
       /* @__PURE__ */ jsxs28("div", { style: { marginBottom: "8px" }, children: [
-        /* @__PURE__ */ jsx58("label", { style: { display: "block", marginBottom: "4px" }, children: t("title") }),
-        /* @__PURE__ */ jsx58(
+        /* @__PURE__ */ jsx57("label", { style: { display: "block", marginBottom: "4px" }, children: t("title") }),
+        /* @__PURE__ */ jsx57(
           "input",
           {
             type: "text",
@@ -8171,7 +8357,7 @@ function ImageUrlDialog({
         )
       ] }),
       /* @__PURE__ */ jsxs28("div", { style: { display: "flex", gap: "8px" }, children: [
-        /* @__PURE__ */ jsx58(
+        /* @__PURE__ */ jsx57(
           "button",
           {
             type: "submit",
@@ -8190,7 +8376,7 @@ function ImageUrlDialog({
             children: t("register")
           }
         ),
-        /* @__PURE__ */ jsx58(
+        /* @__PURE__ */ jsx57(
           "button",
           {
             type: "button",
@@ -8215,10 +8401,12 @@ function ImageUrlDialog({
 import { isHotkey as isHotkey3 } from "is-hotkey";
 import {
   useCallback as useCallback13,
-  useRef as useRef9,
-  useState as useState9
+  useMemo as useMemo2,
+  useRef as useRef8,
+  useState as useState10
 } from "react";
-import { ReactEditor as ReactEditor14, useSlateStatic as useSlateStatic18 } from "slate-react";
+import { Editor as Editor59, Range as Range10 } from "slate";
+import { ReactEditor as ReactEditor14, useSlateStatic as useSlateStatic19 } from "slate-react";
 
 // src/toolbar-plugin/styles/dialog-shared-styles.ts
 import styled35 from "@emotion/styled";
@@ -8255,14 +8443,14 @@ var $DialogHint = styled35("div")`
 `;
 
 // src/toolbar-plugin/components/dialog/anchor-dialog.tsx
-import { Fragment as Fragment9, jsx as jsx59, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx58, jsxs as jsxs29 } from "react/jsx-runtime";
 var isEnter = isHotkey3("enter");
 function AnchorDialog2({
   dest,
   close
 }) {
-  const editor = useSlateStatic18();
-  const ref = useRef9(null);
+  const editor = useSlateStatic19();
+  const ref = useRef8(null);
   const style = useAbsoluteReposition(
     { src: ref, dest },
     ({ src, dest: dest2 }, viewport) => {
@@ -8277,18 +8465,47 @@ function AnchorDialog2({
       );
     }
   );
-  const [url, setUrl] = useState9("");
+  const initialText = useMemo2(() => {
+    const { selection } = editor;
+    if (selection && !Range10.isCollapsed(selection)) {
+      return Editor59.string(editor, selection);
+    }
+    return "";
+  }, []);
+  const [url, setUrl] = useState10("");
+  const [text, setText] = useState10(initialText);
+  const [title, setTitle] = useState10(initialText);
+  const [titleManuallyEdited, setTitleManuallyEdited] = useState10(false);
   const insertLink2 = () => {
-    editor.anchor.insertLink(url, url, { select: true });
+    const linkText = text.trim() || url;
+    const linkTitle = title.trim() || void 0;
+    editor.anchor.insertLink(url, linkText, { select: true, title: linkTitle });
     ReactEditor14.focus(editor);
     close();
   };
-  const onChangeInput = useCallback13(
+  const onChangeUrl = useCallback13(
     (e) => {
       setUrl(e.currentTarget.value);
     },
     [setUrl]
   );
+  const onChangeText = useCallback13(
+    (e) => {
+      const newText = e.currentTarget.value;
+      setText(newText);
+      if (!titleManuallyEdited) {
+        setTitle(newText);
+      }
+    },
+    [setText, setTitle, titleManuallyEdited]
+  );
+  const onChangeTitle = useCallback13(
+    (e) => {
+      setTitle(e.currentTarget.value);
+      setTitleManuallyEdited(true);
+    },
+    [setTitle]
+  );
   const onKeyDown = (e) => {
     if (!isEnter(e))
       return;
@@ -8297,25 +8514,46 @@ function AnchorDialog2({
     insertLink2();
   };
   return /* @__PURE__ */ jsxs29(Fragment9, { children: [
-    /* @__PURE__ */ jsx59(CloseMask, { close }),
+    /* @__PURE__ */ jsx58(CloseMask, { close }),
     /* @__PURE__ */ jsxs29($AnchorDialog, { ref, style, children: [
-      /* @__PURE__ */ jsxs29($AnchorDialogInputLine, { children: [
-        /* @__PURE__ */ jsx59(
+      /* @__PURE__ */ jsx58($AnchorDialogInputLine, { children: /* @__PURE__ */ jsx58(
+        $AnchorDialogInput,
+        {
+          type: "text",
+          value: url,
+          autoFocus: true,
+          placeholder: t("linkUrl"),
+          onChange: onChangeUrl,
+          onKeyDown
+        }
+      ) }),
+      /* @__PURE__ */ jsx58($AnchorDialogInputLine, { style: { marginTop: "0.5em" }, children: /* @__PURE__ */ jsx58(
+        $AnchorDialogInput,
+        {
+          type: "text",
+          value: text,
+          placeholder: t("linkText"),
+          onChange: onChangeText,
+          onKeyDown
+        }
+      ) }),
+      /* @__PURE__ */ jsxs29($AnchorDialogInputLine, { style: { marginTop: "0.5em" }, children: [
+        /* @__PURE__ */ jsx58(
           $AnchorDialogInput,
           {
             type: "text",
-            value: url,
-            autoFocus: true,
-            onChange: onChangeInput,
+            value: title,
+            placeholder: t("tooltipText"),
+            onChange: onChangeTitle,
             onKeyDown
           }
         ),
         /* @__PURE__ */ jsxs29($DialogButton, { onClick: insertLink2, children: [
-          /* @__PURE__ */ jsx59(Link, {}),
-          /* @__PURE__ */ jsx59(LinkPlus, {})
+          /* @__PURE__ */ jsx58(Link, {}),
+          /* @__PURE__ */ jsx58(LinkPlus, {})
         ] })
       ] }),
-      /* @__PURE__ */ jsx59($DialogHint, { children: "Enter URL of link" })
+      /* @__PURE__ */ jsx58($DialogHint, { children: t("tooltipHint") })
     ] })
   ] });
 }
@@ -8329,17 +8567,17 @@ var dialogItems = [
     hotkey: "mod+k",
     Component: AnchorDialog2
   },
-  {
-    icon: Table2,
-    title: t("insertTable"),
-    more: true,
-    Component: TableDialog
-  },
   {
     icon: Image,
     title: t("insertImageFromUrl"),
     more: true,
     Component: ImageUrlDialog
+  },
+  {
+    icon: Table2,
+    title: t("insertTable"),
+    more: true,
+    Component: TableDialog
   }
 ];
 var expandedDialogItems = dialogItems;
@@ -8354,15 +8592,16 @@ var smallDialogItems = [
 ];
 
 // src/toolbar-plugin/items/mark-items.tsx
-import { Editor as Editor58 } from "slate";
+import { Editor as Editor60 } from "slate";
 function getMarks(editor) {
-  const marks = Editor58.marks(editor);
+  const marks = Editor60.marks(editor);
   return {
     bold: marks?.bold || false,
     italic: marks?.italic || false,
     strike: marks?.strike || false,
     code: marks?.code || false,
-    underline: marks?.underline || false
+    underline: marks?.underline || false,
+    highlight: marks?.highlight || false
   };
 }
 var primaryMarkItems = [
@@ -8400,6 +8639,13 @@ var primaryMarkItems = [
     hotkey: "mod+u",
     action: (editor) => editor.marksPlugin.toggleUnderline(),
     active: (editor) => getMarks(editor).underline
+  },
+  {
+    icon: Highlight,
+    title: t("highlight"),
+    action: (editor) => editor.marksPlugin.toggleHighlight(),
+    active: (editor) => getMarks(editor).highlight,
+    show: (editor) => !editor.wysimark?.disableHighlight
   }
 ];
 var expandedMarkItems = primaryMarkItems;
@@ -8418,19 +8664,22 @@ var listItems = [
     icon: BulletList,
     title: t("bulletList"),
     hotkey: "super+8",
-    action: (editor) => editor.list.convertUnorderedList(true)
+    action: (editor) => editor.list?.convertUnorderedList(true),
+    show: (editor) => !!editor.list
   },
   {
     icon: ListNumbers,
     title: t("numberedList"),
     hotkey: "super+7",
-    action: (editor) => editor.list.convertOrderedList(true)
+    action: (editor) => editor.list?.convertOrderedList(true),
+    show: (editor) => !!editor.list
   },
   {
     icon: ListCheck,
     title: t("checkList"),
     hotkey: "super+9",
-    action: (editor) => editor.list.convertTaskList(true)
+    action: (editor) => editor.list?.convertTaskList(true),
+    show: (editor) => !!editor.list && !editor.wysimark?.disableTaskList
   }
 ];
 var expandedListItems = [...listItems, "divider", ...listDepthItems];
@@ -8439,12 +8688,13 @@ var compactListItems = [
     icon: ListNumbers,
     title: t("list"),
     more: true,
-    children: [...listItems, "divider", ...listDepthItems]
+    children: [...listItems, "divider", ...listDepthItems],
+    show: (editor) => !!editor.list
   }
 ];
 
 // src/toolbar-plugin/items/quote-items.tsx
-import { Editor as Editor59, Transforms as Transforms42 } from "slate";
+import { Editor as Editor61, Transforms as Transforms43 } from "slate";
 var quoteItemsList = [
   {
     icon: Quote,
@@ -8473,9 +8723,9 @@ var quoteItemsList = [
       const codeBlockEntry = findElementUp(editor, "code-block");
       if (codeBlockEntry) {
         const [codeBlock, path] = codeBlockEntry;
-        const textContent = Editor59.string(editor, path);
-        Transforms42.removeNodes(editor, { at: path });
-        Transforms42.insertNodes(
+        const textContent = Editor61.string(editor, path);
+        Transforms43.removeNodes(editor, { at: path });
+        Transforms43.insertNodes(
           editor,
           {
             type: "paragraph",
@@ -8486,13 +8736,13 @@ var quoteItemsList = [
         return;
       }
       if (selection && JSON.stringify(selection.anchor.path) !== JSON.stringify(selection.focus.path)) {
-        editor.codeBlock.createCodeBlock({ language: "text" });
+        editor.codeBlock?.createCodeBlock({ language: "text" });
         return;
       }
       if (selection && (selection.anchor.offset !== selection.focus.offset || JSON.stringify(selection.anchor.path) !== JSON.stringify(selection.focus.path))) {
-        const selectedText = Editor59.string(editor, selection);
-        Transforms42.delete(editor);
-        Transforms42.insertNodes(
+        const selectedText = Editor61.string(editor, selection);
+        Transforms43.delete(editor);
+        Transforms43.insertNodes(
           editor,
           {
             type: "code-block",
@@ -8507,9 +8757,10 @@ var quoteItemsList = [
         );
         return;
       }
-      editor.codeBlock.createCodeBlock({ language: "text" });
+      editor.codeBlock?.createCodeBlock({ language: "text" });
     },
-    active: (editor) => !!findElementUp(editor, "code-block")
+    active: (editor) => !!findElementUp(editor, "code-block"),
+    show: (editor) => !!editor.codeBlock && !editor.wysimark?.disableCodeBlock
   }
 ];
 var expandedQuoteItems = quoteItemsList;
@@ -8531,9 +8782,9 @@ var rawModeItem = {
       editor.wysimark.toggleRawMode();
     }
   },
-  // Only show in the toolbar when not in Raw mode
+  // Only show in the toolbar when not in Raw mode and toggleRawMode is available
   show: (editor) => {
-    return editor.wysimark && !editor.wysimark.isRawMode;
+    return editor.wysimark && typeof editor.wysimark.toggleRawMode === "function" && !editor.wysimark.isRawMode;
   },
   active: () => false
   // Never show as active in the toolbar
@@ -8602,16 +8853,16 @@ 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 ReactEditor15, useSlate as useSlate2, useSlateStatic as useSlateStatic19 } from "slate-react";
-import { jsx as jsx60, jsxs as jsxs30 } from "react/jsx-runtime";
+import { useCallback as useCallback14, useRef as useRef9 } from "react";
+import { ReactEditor as ReactEditor15, useSlate as useSlate2, useSlateStatic as useSlateStatic20 } from "slate-react";
+import { jsx as jsx59, jsxs as jsxs30 } from "react/jsx-runtime";
 function ToolbarButton({
   item
 }) {
-  const staticEditor = useSlateStatic19();
+  const staticEditor = useSlateStatic20();
   const editor = useSlate2();
   const isActive = item.active ? item.active(editor) : false;
-  const ref = useRef10(null);
+  const ref = useRef9(null);
   const tooltip = useTooltip({
     title: item.title,
     hotkey: () => item.hotkey ? formatHotkey(item.hotkey) : void 0
@@ -8624,9 +8875,9 @@ function ToolbarButton({
     if (!dest)
       return;
     if (items) {
-      menuLayer.open(() => /* @__PURE__ */ jsx60(Menu, { dest, items, close: menuLayer.close }));
+      menuLayer.open(() => /* @__PURE__ */ jsx59(Menu, { dest, items, close: menuLayer.close }));
     } else if (Component) {
-      menuLayer.open(() => /* @__PURE__ */ jsx60(Component, { dest, close: menuLayer.close }));
+      menuLayer.open(() => /* @__PURE__ */ jsx59(Component, { dest, close: menuLayer.close }));
     }
   }, [item]);
   const onClick = useCallback14(() => {
@@ -8663,24 +8914,24 @@ function ToolbarButton({
         "--disabled": !isActive && r(item?.title)?.includes("Depth")
       }),
       children: [
-        /* @__PURE__ */ jsx60(item.icon, {}),
-        item.more ? /* @__PURE__ */ jsx60(More, {}) : null
+        /* @__PURE__ */ jsx59(item.icon, {}),
+        item.more ? /* @__PURE__ */ jsx59(More, {}) : null
       ]
     }
   );
 }
 
 // src/toolbar-plugin/components/toolbar/toolbar.tsx
-import { jsx as jsx61 } from "react/jsx-runtime";
+import { jsx as jsx60 } from "react/jsx-runtime";
 function ToolbarItem({ item }) {
-  const editor = useSlateStatic20();
+  const editor = useSlateStatic21();
   if (item === "divider") {
-    return /* @__PURE__ */ jsx61($ToolbarDividerContainer, { "data-item-type": "divider", children: /* @__PURE__ */ jsx61($ToolbarDivider, {}) });
+    return /* @__PURE__ */ jsx60($ToolbarDividerContainer, { "data-item-type": "divider", children: /* @__PURE__ */ jsx60($ToolbarDivider, {}) });
   }
   const show = item.show === void 0 ? true : item.show(editor);
   if (!show)
     return null;
-  return /* @__PURE__ */ jsx61(ToolbarButton, { item });
+  return /* @__PURE__ */ jsx60(ToolbarButton, { item });
 }
 function getWidths(toolbar) {
   const button = toolbar.querySelector(
@@ -8706,8 +8957,8 @@ function measureItemSetWidth(items, buttonWidth, dividerWidth) {
 }
 var WIDTH_BUFFER_PX = 48;
 function Toolbar() {
-  const ref = useRef11(null);
-  const [items, setItems] = useState10(initialItems);
+  const ref = useRef10(null);
+  const [items, setItems] = useState11(initialItems);
   useEffect8(() => {
     const refresh = throttle2(
       () => {
@@ -8738,7 +8989,7 @@ function Toolbar() {
       window.removeEventListener("resize", refresh);
     };
   }, []);
-  return /* @__PURE__ */ jsx61($ToolbarContainer, { ref, children: /* @__PURE__ */ jsx61($Toolbar, { children: items.map((item, index) => /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx60($ToolbarContainer, { ref, children: /* @__PURE__ */ jsx60($Toolbar, { children: items.map((item, index) => /* @__PURE__ */ jsx60(
     ToolbarItem,
     {
       item
@@ -8748,21 +8999,21 @@ function Toolbar() {
 }
 
 // src/toolbar-plugin/render-editable/index.tsx
-import { jsx as jsx62, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs31 } from "react/jsx-runtime";
 function renderEditable({ attributes, Editable: Editable3 }) {
-  const outerContainerRef = useRef12(null);
-  const editor = useSlateStatic21();
+  const outerContainerRef = useRef11(null);
+  const editor = useSlateStatic22();
   const focused = useFocused();
   const onClickOuterContainer = useCallback15(
     (e) => {
       if (e.target !== e.currentTarget)
         return;
-      Transforms43.select(editor, Editor60.end(editor, []));
+      Transforms44.select(editor, Editor62.end(editor, []));
       ReactEditor16.focus(editor);
     },
     [editor]
   );
-  return /* @__PURE__ */ jsx62(Layers, { children: /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsx61(Layers, { children: /* @__PURE__ */ jsxs31(
     $OuterContainer,
     {
       ref: outerContainerRef,
@@ -8774,8 +9025,8 @@ function renderEditable({ attributes, Editable: Editable3 }) {
       },
       onClick: onClickOuterContainer,
       children: [
-        /* @__PURE__ */ jsx62(Toolbar, {}),
-        /* @__PURE__ */ jsx62(
+        /* @__PURE__ */ jsx61(Toolbar, {}),
+        /* @__PURE__ */ jsx61(
           Editable3,
           {
             as: $Editable,
@@ -8807,7 +9058,7 @@ var ToolbarPlugin = createPlugin(
 );
 
 // src/trailing-block-plugin/index.tsx
-import { Editor as Editor61, Node as Node13, Path as Path15, Transforms as Transforms44 } from "slate";
+import { Editor as Editor63, Node as Node15, Path as Path16, Transforms as Transforms45 } from "slate";
 var TrailingBlockPlugin = createPlugin(
   (editor) => {
     editor.allowTrailingBlock = true;
@@ -8815,19 +9066,19 @@ var TrailingBlockPlugin = createPlugin(
       name: "trailing-block",
       editor: {
         normalizeNode: (entry) => {
-          if (!Editor61.isEditor(entry[0]))
+          if (!Editor63.isEditor(entry[0]))
             return false;
           const lastPath = [editor.children.length - 1];
-          const lastElement = Node13.child(
+          const lastElement = Node15.child(
             editor,
             editor.children.length - 1
           );
-          if (Editor61.hasBlocks(editor, lastElement) || Editor61.isVoid(editor, lastElement)) {
-            Transforms44.insertNodes(
+          if (Editor63.hasBlocks(editor, lastElement) || Editor63.isVoid(editor, lastElement)) {
+            Transforms45.insertNodes(
               editor,
               { type: "paragraph", children: [{ text: "" }] },
               {
-                at: Path15.next(lastPath)
+                at: Path16.next(lastPath)
               }
             );
           }
@@ -8839,11 +9090,11 @@ var TrailingBlockPlugin = createPlugin(
 );
 
 // src/paste-markdown-plugin/methods/index.ts
-import { Transforms as Transforms45 } from "slate";
+import { Transforms as Transforms46 } from "slate";
 function pasteMarkdown(editor, markdown) {
   const escapedMarkdown = escapeUrlSlashes(markdown);
   const fragment = parse(escapedMarkdown);
-  Transforms45.insertNodes(editor, fragment);
+  Transforms46.insertNodes(editor, fragment);
 }
 function createPasteMarkdownMethods(editor) {
   return {
@@ -8875,7 +9126,7 @@ var PasteMarkdownPlugin = createPlugin(
 );
 
 // src/placeholder-plugin/index.tsx
-import { jsx as jsx63 } from "react/jsx-runtime";
+import { jsx as jsx62 } from "react/jsx-runtime";
 function renderPlaceholder(props) {
   const nextAttributes = {
     ...props.attributes,
@@ -8885,7 +9136,7 @@ function renderPlaceholder(props) {
       maxWidth: void 0
     }
   };
-  return /* @__PURE__ */ jsx63("span", { ...nextAttributes, children: props.children });
+  return /* @__PURE__ */ jsx62("span", { ...nextAttributes, children: props.children });
 }
 var PlaceholderPlugin = createPlugin(
   (editor, _options, { createPolicy }) => {
@@ -8900,7 +9151,7 @@ var PlaceholderPlugin = createPlugin(
 );
 
 // src/entry/plugins.ts
-var plugins = [
+var defaultPlugins = [
   PasteMarkdownPlugin,
   ConvertElementPlugin,
   AnchorPlugin,
@@ -8923,21 +9174,24 @@ var plugins = [
 ];
 
 // src/entry/SinkEditable.tsx
-var Sink = createSink(plugins);
-var { withSink, SinkEditable: SinkEditable2 } = Sink;
+var { withSink, SinkEditable: SinkEditable2 } = createSink(defaultPlugins);
 
 // src/entry/useEditor.tsx
-import { useState as useState11 } from "react";
-import { createEditor, Editor as Editor63, Transforms as Transforms46 } from "slate";
+import { useState as useState12 } from "react";
+import { createEditor, Editor as Editor65, Transforms as Transforms47 } from "slate";
 import { withHistory } from "slate-history";
 import { withReact } from "slate-react";
 function useEditor({
   authToken,
   height,
   minHeight,
-  maxHeight
-}) {
-  const [editor] = useState11(() => {
+  maxHeight,
+  disableRawMode,
+  disableTaskList,
+  disableCodeBlock,
+  disableHighlight
+} = {}) {
+  const [editor] = useState12(() => {
     const editor2 = createEditor();
     const nextEditor = withSink(withReact(withHistory(editor2)), {
       toolbar: {
@@ -8953,8 +9207,14 @@ function useEditor({
     });
     nextEditor.convertElement.addConvertElementType("paragraph");
     editor2.wysimark = {
-      //   initialMarkdown,
-      //   initialValue: parse(initialMarkdown),
+      // Disable raw mode (defaults to true)
+      disableRawMode: disableRawMode ?? true,
+      // Disable task list if specified
+      disableTaskList,
+      // Disable code block if specified
+      disableCodeBlock,
+      // Disable highlight (defaults to true)
+      disableHighlight: disableHighlight ?? true
     };
     editor2.getMarkdown = () => {
       return serialize(editor2.children);
@@ -8964,7 +9224,7 @@ function useEditor({
       const documentValue = parse(escapedMarkdown);
       editor2.children = documentValue;
       editor2.selection = null;
-      Transforms46.select(editor2, Editor63.start(editor2, [0]));
+      Transforms47.select(editor2, Editor65.start(editor2, [0]));
     };
     return nextEditor;
   });
@@ -8972,9 +9232,9 @@ function useEditor({
 }
 
 // src/entry/index.tsx
-import { jsx as jsx64, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs32 } from "react/jsx-runtime";
 function renderLeaf({ children, attributes }) {
-  return /* @__PURE__ */ jsx64("span", { ...attributes, children });
+  return /* @__PURE__ */ jsx63("span", { ...attributes, children });
 }
 function Editable2({
   editor,
@@ -8986,12 +9246,12 @@ function Editable2({
   style,
   onImageChange
 }) {
-  const [isRawMode, setIsRawMode] = useState12(false);
-  const [rawText, setRawText] = useState12(value);
-  const ignoreNextChangeRef = useRef13(false);
-  const initialValueRef = useRef13(void 0);
-  const prevValueRef = useRef13(void 0);
-  const lastEmittedValueRef = useRef13(void 0);
+  const [isRawMode, setIsRawMode] = useState13(false);
+  const [rawText, setRawText] = useState13(value);
+  const ignoreNextChangeRef = useRef12(false);
+  const initialValueRef = useRef12(void 0);
+  const prevValueRef = useRef12(void 0);
+  const lastEmittedValueRef = useRef12(void 0);
   const onThrottledSlateChange = useCallback16(
     throttle3(
       () => {
@@ -9015,9 +9275,6 @@ function Editable2({
         prevValueRef.current = nextValue;
         return;
       }
-      if (prevValueRef.current === nextValue) {
-        return;
-      }
       prevValueRef.current = nextValue;
       onThrottledSlateChange();
     },
@@ -9048,7 +9305,7 @@ function Editable2({
         const documentValue = parse(valueToProcess);
         editor.children = documentValue;
         editor.selection = null;
-        Transforms47.select(editor, Editor64.start(editor, [0]));
+        Transforms48.select(editor, Editor66.start(editor, [0]));
       }
     }
   }
@@ -9082,10 +9339,12 @@ function Editable2({
     setIsRawMode(!isRawMode);
   }, [isRawMode, applyRawTextToEditor, updateRawTextFromEditor]);
   editor.wysimark.isRawMode = isRawMode;
-  editor.wysimark.toggleRawMode = handleRawModeToggle;
+  if (!editor.wysimark.disableRawMode) {
+    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(
+    isRawMode && /* @__PURE__ */ jsx63("div", { style: { position: "absolute", top: "5px", right: "25px", zIndex: 10 }, children: /* @__PURE__ */ jsx63(
       "div",
       {
         onClick: handleRawModeToggle,
@@ -9111,10 +9370,10 @@ function Editable2({
             e.preventDefault();
           }
         },
-        children: /* @__PURE__ */ jsx64("span", { style: { color: "#4a90e2", fontSize: "1.25em" }, children: /* @__PURE__ */ jsx64(VisualEditor, {}) })
+        children: /* @__PURE__ */ jsx63("span", { style: { color: "#4a90e2", fontSize: "1.25em" }, children: /* @__PURE__ */ jsx63(VisualEditor, {}) })
       }
     ) }),
-    /* @__PURE__ */ jsx64("div", { style: { display: isRawMode ? "block" : "none", textAlign: "center" }, children: /* @__PURE__ */ jsx64(
+    /* @__PURE__ */ jsx63("div", { style: { display: isRawMode ? "block" : "none", textAlign: "center" }, children: /* @__PURE__ */ jsx63(
       "textarea",
       {
         value: unescapeUrlSlashes(rawText).replace(/&nbsp;/g, ""),
@@ -9139,13 +9398,13 @@ function Editable2({
         }
       }
     ) }),
-    /* @__PURE__ */ jsx64("div", { style: { display: isRawMode ? "none" : "block" }, children: /* @__PURE__ */ jsx64(
+    /* @__PURE__ */ jsx63("div", { style: { display: isRawMode ? "none" : "block" }, children: /* @__PURE__ */ jsx63(
       Slate2,
       {
         editor,
         initialValue: initialValueRef.current ?? editor.children,
         onChange: onSlateChange,
-        children: /* @__PURE__ */ jsx64(
+        children: /* @__PURE__ */ jsx63(
           SinkEditable2,
           {
             renderLeaf,
@@ -9162,13 +9421,13 @@ function Editable2({
 }
 
 // src/index.tsx
-import { jsx as jsx65 } from "react/jsx-runtime";
+import { jsx as jsx64 } from "react/jsx-runtime";
 function StandaloneEditor({
   standaloneOptions: { onChange, placeholder, className, ...options },
   standaloneMethodsRef
 }) {
-  const [markdown, setMarkdown] = useState13(options.initialMarkdown || "");
-  const markdownRef = useRef14(markdown);
+  const [markdown, setMarkdown] = useState14(options.initialMarkdown || "");
+  const markdownRef = useRef13(markdown);
   const editor = useEditor(options);
   markdownRef.current = markdown;
   useImperativeHandle(
@@ -9194,7 +9453,7 @@ function StandaloneEditor({
     },
     [editor]
   );
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx64(
     Editable2,
     {
       editor,
@@ -9209,7 +9468,7 @@ function createWysimark(containerElement, options) {
   const standaloneMethodsRef = createRef();
   const root = createRoot(containerElement);
   root.render(
-    /* @__PURE__ */ jsx65(
+    /* @__PURE__ */ jsx64(
       StandaloneEditor,
       {
         standaloneMethodsRef,