wysimark-lite 0.21.2 → 0.24.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 Transforms49 } 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": {
@@ -635,12 +642,9 @@ function parseHeading(content) {
 function parseHTML(content) {
   return [
     {
-      type: "code-block",
-      language: "html",
-      children: content.value.split("\n").map((line) => ({
-        type: "code-block-line",
-        children: [{ text: line }]
-      }))
+      type: "html-block",
+      html: content.value,
+      children: [{ text: "" }]
     }
   ];
 }
@@ -1054,7 +1058,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 +1080,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 +1373,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;
   }
@@ -1503,6 +1513,10 @@ function serializeElement(element, orders) {
       throw new Error(
         `Code block line elements should only be present as children of code-block which should be handled by serializeCodeBlock. Got code-block-line may indicate an error in normalization.`
       );
+    case "html-block":
+      return `${element.html}
+
+`;
   }
   assertUnreachable(element);
 }
@@ -1558,6 +1572,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 +1586,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 +1620,7 @@ var translations = {
     strike: "Strikethrough",
     inlineCode: "Inline Code",
     underline: "Underline",
+    highlight: "Highlight",
     increaseDepth: "Increase Depth",
     decreaseDepth: "Decrease Depth",
     heading1: "Heading 1",
@@ -1616,6 +1634,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 +1668,7 @@ var getLanguage = () => {
     if (typeof window !== "undefined" && window.navigator) {
       return window.navigator.language.split("-")[0];
     }
-  } catch (e) {
+  } catch {
   }
   return "en";
 };
@@ -1680,8 +1700,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 +1717,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 +1733,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 +1751,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 +1788,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 +1821,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 +1858,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 +1875,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 +1901,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 +1927,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 +1938,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 +2312,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 +2347,7 @@ function insertLink(editor, href, text = href, { select = true } = {}) {
       {
         type: "anchor",
         href,
+        title,
         children: [{ text }]
       },
       { select, at: selection }
@@ -2325,7 +2359,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 +3192,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 +3308,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 +3332,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 +3453,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 +4648,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 +4664,7 @@ function createOnDrop2(editor) {
         };
         reader.readAsDataURL(file);
       }
-    });
+    }
     return true;
   };
 }
@@ -4861,7 +4903,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 +4924,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 +5034,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 +5053,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 +5068,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 +5078,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 +5161,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 +5236,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 +5308,98 @@ var CodeBlockPlugin = createPlugin(
           if (style === null) {
             return children;
           } else {
-            return /* @__PURE__ */ jsx33("span", { style, children });
+            return /* @__PURE__ */ jsx32("span", { style, children });
+          }
+        }
+      }
+    });
+  }
+);
+
+// src/html-block-plugin/index.tsx
+import { Transforms as Transforms22 } from "slate";
+
+// src/html-block-plugin/styles.ts
+import styled24 from "@emotion/styled";
+var $HtmlBlock = styled24("div")`
+  position: relative;
+  background-color: var(--shade-100);
+  border: 1px solid var(--shade-300);
+  border-radius: 0.5em;
+  padding: 2em 1em 1em 1em;
+  margin: 1em 0;
+  font-family: "andale mono", AndaleMono, monospace;
+  font-size: 0.875em;
+  line-height: 1.5;
+  white-space: pre-wrap;
+  word-break: break-word;
+  color: var(--shade-700);
+  overflow-x: auto;
+
+  &.--selected {
+    outline: 2px solid var(--select-color);
+  }
+`;
+var $HtmlBlockLabel = styled24("span")`
+  position: absolute;
+  top: 0.25em;
+  right: 0.5em;
+  font-size: 0.625em;
+  color: var(--shade-500);
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+`;
+
+// src/html-block-plugin/render-element.tsx
+import { jsx as jsx33, jsxs as jsxs17 } from "react/jsx-runtime";
+function HtmlBlock({
+  attributes,
+  children,
+  element
+}) {
+  return /* @__PURE__ */ jsxs17($HtmlBlock, { ...attributes, contentEditable: false, children: [
+    /* @__PURE__ */ jsx33($HtmlBlockLabel, { children: "HTML" }),
+    /* @__PURE__ */ jsx33("div", { children: unescapeUrlSlashes(element.html) }),
+    children
+  ] });
+}
+
+// src/html-block-plugin/index.tsx
+import { jsx as jsx34 } from "react/jsx-runtime";
+var HtmlBlockPlugin = createPlugin(
+  (editor, _options, { createPolicy }) => {
+    function onDelete() {
+      const { selection } = editor;
+      if (!isCollapsed(selection))
+        return false;
+      const htmlBlockEntry = findElementUp(editor, "html-block");
+      if (htmlBlockEntry == null)
+        return false;
+      Transforms22.removeNodes(editor, { at: htmlBlockEntry[1] });
+      return true;
+    }
+    return createPolicy({
+      name: "html-block",
+      editor: {
+        deleteBackward: onDelete,
+        deleteForward: onDelete,
+        isInline(element) {
+          if (element.type === "html-block")
+            return false;
+        },
+        isVoid(element) {
+          if (element.type === "html-block")
+            return true;
+        },
+        isMaster(element) {
+          if (element.type === "html-block")
+            return true;
+        }
+      },
+      editableProps: {
+        renderElement: ({ element, attributes, children }) => {
+          if (element.type === "html-block") {
+            return /* @__PURE__ */ jsx34(HtmlBlock, { element, attributes, children });
           }
         }
       }
@@ -5276,7 +5414,7 @@ import { Editor as Editor32 } from "slate";
 import { Element as Element18 } from "slate";
 
 // src/collapsible-paragraph-plugin/normalize-node/normalize-sibling-paragraphs.ts
-import { Element as Element16, Transforms as Transforms22 } from "slate";
+import { Element as Element16, Transforms as Transforms23 } from "slate";
 function isParagraph(node) {
   return Element16.isElement(node) && node.type === "paragraph";
 }
@@ -5285,7 +5423,7 @@ function normalizeSiblingParagraphs(editor, entry) {
     if (!isParagraph(a[0]) || !isParagraph(b[0]))
       return false;
     if (a[0].__collapsible && b[0].__collapsible) {
-      Transforms22.removeNodes(editor, { at: a[1] });
+      Transforms23.removeNodes(editor, { at: a[1] });
       return true;
     }
     return false;
@@ -5293,7 +5431,7 @@ function normalizeSiblingParagraphs(editor, entry) {
 }
 
 // src/collapsible-paragraph-plugin/normalize-node/normalize-sibling-walls.ts
-import { Element as Element17, Transforms as Transforms23 } from "slate";
+import { Element as Element17, Transforms as Transforms24 } from "slate";
 function isWall(editor, node) {
   if (!Element17.isElement(node))
     return false;
@@ -5305,7 +5443,7 @@ function normalizeSiblingWalls(editor, entry) {
   return normalizeSiblings(editor, entry, (a, b) => {
     if (!isWall(editor, a[0]) || !isWall(editor, b[0]))
       return false;
-    Transforms23.insertNodes(
+    Transforms24.insertNodes(
       editor,
       {
         type: "paragraph",
@@ -5335,10 +5473,10 @@ import { clsx as clsx5 } from "clsx";
 import { useSelected as useSelected5 } from "slate-react";
 
 // src/collapsible-paragraph-plugin/render-element/styles.ts
-import styled24 from "@emotion/styled";
-var $Paragraph = styled24("p")`
+import styled25 from "@emotion/styled";
+var $Paragraph = styled25("p")`
   padding: 0;
-  margin: 1em 0;
+  margin: 0;
   &:first-child {
     margin-top: 0;
   }
@@ -5348,8 +5486,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 +5497,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 +5507,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 jsx35 } from "react/jsx-runtime";
 function Paragraph({
   element,
   attributes,
@@ -5383,7 +5521,7 @@ function Paragraph({
 }) {
   const selected = useSelected5();
   const isEmpty = getIsEmpty(element);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     $Paragraph,
     {
       ...attributes,
@@ -5398,14 +5536,19 @@ function Paragraph({
 }
 
 // src/collapsible-paragraph-plugin/index.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } 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 +5583,7 @@ var CollapsibleParagraphPlugin = createPlugin((editor) => {
       renderElement: ({ element, attributes, children }) => {
         switch (element.type) {
           case "paragraph": {
-            return /* @__PURE__ */ jsx35(Paragraph, { element, attributes, children });
+            return /* @__PURE__ */ jsx36(Paragraph, { element, attributes, children });
           }
         }
       },
@@ -5461,13 +5604,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 Transforms25 } 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 };
+    Transforms25.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 +5681,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;
   }
@@ -5529,16 +5710,16 @@ function splitElementAtSelectedLines(editor, element, path, selection) {
         ...element,
         children: [{ text: afterText }]
       };
-      Transforms24.insertNodes(editor, afterElement, {
+      Transforms25.insertNodes(editor, afterElement, {
         at: [...basePath, baseIndex + 1]
       });
     }
     const childrenCount = element.children.length;
     for (let j = childrenCount - 1; j >= 0; j--) {
-      Transforms24.removeNodes(editor, { at: [...path, j] });
+      Transforms25.removeNodes(editor, { at: [...path, j] });
     }
     if (beforeLines.length > 0) {
-      Transforms24.insertNodes(
+      Transforms25.insertNodes(
         editor,
         { text: beforeLines.join("\n") },
         { at: [...path, 0] }
@@ -5548,11 +5729,11 @@ function splitElementAtSelectedLines(editor, element, path, selection) {
         type: "paragraph",
         children: [{ text: selectedText }]
       };
-      Transforms24.insertNodes(editor, selectedElement, {
+      Transforms25.insertNodes(editor, selectedElement, {
         at: [...basePath, baseIndex + 1]
       });
     } else {
-      Transforms24.insertNodes(
+      Transforms25.insertNodes(
         editor,
         { text: selectedLines.join("\n") },
         { at: [...path, 0] }
@@ -5575,6 +5756,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 +5783,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 +5808,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;
+          }
+          Transforms25.select(editor, {
+            anchor: { path: anchorPath, offset: anchorOffset },
+            focus: { path: focusPath, offset: focusOffset }
+          });
+        }
+      } catch {
+        restoreSelectionInElement(editor, firstPath, savedAnchorOffset);
+      }
+    }
+  }
   return true;
 }
 
@@ -5649,7 +5884,7 @@ var ConvertElementPlugin = createPlugin((editor) => {
 });
 
 // src/heading-plugin/insert-break.ts
-import { Editor as Editor34, Path as Path9, Range as Range6, Transforms as Transforms25 } from "slate";
+import { Editor as Editor34, Path as Path9, Range as Range6, Transforms as Transforms26 } from "slate";
 function insertBreak(editor) {
   const entry = findElementUp(editor, "heading");
   if (!entry)
@@ -5661,12 +5896,12 @@ function insertBreak(editor) {
   if (!Editor34.isEnd(editor, editor.selection.anchor, entry[1]))
     return false;
   const nextPath = Path9.next(entry[1]);
-  Transforms25.insertNodes(
+  Transforms26.insertNodes(
     editor,
     { type: "paragraph", children: [{ text: "" }] },
     { at: nextPath }
   );
-  Transforms25.select(editor, {
+  Transforms26.select(editor, {
     anchor: Editor34.start(editor, nextPath),
     focus: Editor34.start(editor, nextPath)
   });
@@ -5699,7 +5934,7 @@ function createHeadingMethods(editor) {
 
 // src/heading-plugin/styles.ts
 import { css } from "@emotion/react";
-import styled25 from "@emotion/styled";
+import styled26 from "@emotion/styled";
 var headingStyles = css`
   margin-top: 1em;
   &:first-child {
@@ -5707,34 +5942,34 @@ var headingStyles = css`
   }
   font-weight: bold;
 `;
-var $H1 = styled25("h1")`
+var $H1 = styled26("h1")`
   ${headingStyles}
   font-size: 2.25em;
   letter-spacing: -0.01em;
 `;
-var $H2 = styled25("h2")`
+var $H2 = styled26("h2")`
   ${headingStyles}
   font-size: 1.5em;
 `;
-var $H3 = styled25("h3")`
+var $H3 = styled26("h3")`
   ${headingStyles}
   font-size: 1.25em;
 `;
-var $H4 = styled25("h4")`
+var $H4 = styled26("h4")`
   ${headingStyles}
   font-size: 1em;
 `;
-var $H5 = styled25("h5")`
+var $H5 = styled26("h5")`
   ${headingStyles}
   font-size: 1em;
 `;
-var $H6 = styled25("h6")`
+var $H6 = styled26("h6")`
   ${headingStyles}
   font-size: 1em;
 `;
 
 // src/heading-plugin/index.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 var HeadingPlugin = createPlugin(
   (editor) => {
     editor.convertElement.addConvertElementType("heading");
@@ -5765,21 +6000,23 @@ var HeadingPlugin = createPlugin(
           if (element.type === "heading") {
             switch (element.level) {
               case 1:
-                return /* @__PURE__ */ jsx36($H1, { ...attributes, children });
+                return /* @__PURE__ */ jsx37($H1, { ...attributes, children });
               case 2:
-                return /* @__PURE__ */ jsx36($H2, { ...attributes, children });
+                return /* @__PURE__ */ jsx37($H2, { ...attributes, children });
               case 3:
-                return /* @__PURE__ */ jsx36($H3, { ...attributes, children });
+                return /* @__PURE__ */ jsx37($H3, { ...attributes, children });
               case 4:
-                return /* @__PURE__ */ jsx36($H4, { ...attributes, children });
+                return /* @__PURE__ */ jsx37($H4, { ...attributes, children });
               case 5:
-                return /* @__PURE__ */ jsx36($H5, { ...attributes, children });
+                return /* @__PURE__ */ jsx37($H5, { ...attributes, children });
               case 6:
-                return /* @__PURE__ */ jsx36($H6, { ...attributes, children });
-              default:
+                return /* @__PURE__ */ jsx37($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}`
                 );
+              }
             }
           }
         },
@@ -5799,8 +6036,8 @@ var HeadingPlugin = createPlugin(
 import { useSelected as useSelected6 } from "slate-react";
 
 // src/horizontal-rule-plugin/styles.tsx
-import styled26 from "@emotion/styled";
-var $HorizontalRule = styled26("hr")`
+import styled27 from "@emotion/styled";
+var $HorizontalRule = styled27("hr")`
   position: relative;
   height: 1em;
   /* background-color: var(--hr-color); */
@@ -5833,15 +6070,15 @@ 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 jsx38, jsxs as jsxs18 } from "react/jsx-runtime";
 function HorizontalRule({
   attributes,
   children
 }) {
   const selected = useSelected6();
-  return /* @__PURE__ */ jsxs17("div", { ...attributes, draggable: true, children: [
+  return /* @__PURE__ */ jsxs18("div", { ...attributes, draggable: true, children: [
     children,
-    /* @__PURE__ */ jsx37("div", { contentEditable: false, children: /* @__PURE__ */ jsx37($HorizontalRule, { className: selected ? "--selected" : "" }) })
+    /* @__PURE__ */ jsx38("div", { contentEditable: false, children: /* @__PURE__ */ jsx38($HorizontalRule, { className: selected ? "--selected" : "" }) })
   ] });
 }
 
@@ -5859,7 +6096,7 @@ function createHorizontalRuleMethods(editor) {
 }
 
 // src/horizontal-rule-plugin/index.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var HorizontalRulePlugin = createPlugin(
   (editor, _options, { createPolicy }) => {
     editor.horizontalRule = createHorizontalRuleMethods(editor);
@@ -5874,7 +6111,7 @@ var HorizontalRulePlugin = createPlugin(
       editableProps: {
         renderElement: (props) => {
           if (props.element.type === "horizontal-rule") {
-            return /* @__PURE__ */ jsx38(HorizontalRule, { ...props });
+            return /* @__PURE__ */ jsx39(HorizontalRule, { ...props });
           }
         },
         onKeyDown: createHotkeyHandler({
@@ -5886,8 +6123,8 @@ var HorizontalRulePlugin = createPlugin(
 );
 
 // src/inline-code-plugin/styles.ts
-import styled27 from "@emotion/styled";
-var $InlineCode = styled27("code")`
+import styled28 from "@emotion/styled";
+var $InlineCode = styled28("code")`
   color: var(--shade-600);
   background-color: var(--inline-code-bgcolor);
   border: 1px solid var(--inline-code-border-color);
@@ -5909,7 +6146,7 @@ var $InlineCode = styled27("code")`
   font-size: 0.75em;
   vertical-align: baseline;
 `;
-var $InvisibleSpan = styled27("span")`
+var $InvisibleSpan = styled28("span")`
   display: inline-block;
   opacity: 0;
   width: 1px;
@@ -5917,7 +6154,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 jsx40, jsxs as jsxs19 } from "react/jsx-runtime";
 var InlineCodePlugin = createPlugin(
   (editor) => {
     if (!editor.marksPlugin)
@@ -5936,10 +6173,10 @@ var InlineCodePlugin = createPlugin(
               /**
                * Disable spellCheck because it's computer code usually.
                */
-              /* @__PURE__ */ jsxs18($InlineCode, { spellCheck: false, children: [
-                /* @__PURE__ */ jsx39($InvisibleSpan, { contentEditable: false, children: "|" }),
+              /* @__PURE__ */ jsxs19($InlineCode, { spellCheck: false, children: [
+                /* @__PURE__ */ jsx40($InvisibleSpan, { contentEditable: false, children: "|" }),
                 children,
-                /* @__PURE__ */ jsx39($InvisibleSpan, { contentEditable: false, children: "|" })
+                /* @__PURE__ */ jsx40($InvisibleSpan, { contentEditable: false, children: "|" })
               ] })
             );
           } else {
@@ -6039,7 +6276,7 @@ function indent(editor) {
 }
 
 // src/list-plugin/methods/insert-break.ts
-import { Editor as Editor36, Transforms as Transforms26 } from "slate";
+import { Editor as Editor36, Transforms as Transforms27 } from "slate";
 function insertBreak2(editor) {
   const entry = findElementUp(editor, isListItem);
   if (!entry)
@@ -6047,19 +6284,19 @@ function insertBreak2(editor) {
   const [element, path] = entry;
   if (Editor36.isEmpty(editor, element)) {
     if (element.depth > 0) {
-      Transforms26.setNodes(editor, { depth: element.depth - 1 }, { at: path });
+      Transforms27.setNodes(editor, { depth: element.depth - 1 }, { at: path });
       return true;
     } else {
       rewrapElement(editor, { type: "paragraph" }, path);
       return true;
     }
   }
-  Transforms26.splitNodes(editor, { always: true });
+  Transforms27.splitNodes(editor, { always: true });
   const nextEntry = findElementUp(editor, isListItem);
   if (!nextEntry)
     return true;
   if (nextEntry[0].type === "task-list-item" && nextEntry[0].checked === true) {
-    Transforms26.setNodes(editor, { checked: false }, { at: nextEntry[1] });
+    Transforms27.setNodes(editor, { checked: false }, { at: nextEntry[1] });
   }
   return true;
 }
@@ -6086,7 +6323,7 @@ function outdent(editor) {
 }
 
 // src/list-plugin/methods/toggleTaskListItem.ts
-import { Transforms as Transforms27 } from "slate";
+import { Transforms as Transforms28 } from "slate";
 function toggleTaskListItem(editor, { at = editor.selection } = {}) {
   const taskListItem = findElementUp(
     editor,
@@ -6096,7 +6333,7 @@ function toggleTaskListItem(editor, { at = editor.selection } = {}) {
   if (!taskListItem)
     return false;
   const nextChecked = !taskListItem[0].checked;
-  Transforms27.setNodes(
+  Transforms28.setNodes(
     editor,
     { checked: nextChecked },
     { at: taskListItem[1] }
@@ -6122,7 +6359,7 @@ function createListMethods(editor) {
 }
 
 // src/list-plugin/normalize-node/normalize-ordered-first-at-depth.ts
-import { Element as Element21, Transforms as Transforms28 } from "slate";
+import { Element as Element21, Transforms as Transforms29 } from "slate";
 var isOrderedListItem = createIsElementType([
   "ordered-list-item"
 ]);
@@ -6135,7 +6372,7 @@ function normalizeOrderedFirstAtDepth(editor, entry) {
       return false;
     const __firstAtDepth = isOrderedListItem(a[0]) ? b[0].depth > a[0].depth : isListItem(a[0]) ? b[0].depth > a[0].depth : true;
     if (b[0].__firstAtDepth !== __firstAtDepth) {
-      Transforms28.setNodes(editor, { __firstAtDepth }, { at: b[1] });
+      Transforms29.setNodes(editor, { __firstAtDepth }, { at: b[1] });
       return true;
     }
     return false;
@@ -6153,17 +6390,16 @@ 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";
-var $ListItem = styled28("li")`
+import styled29 from "@emotion/styled";
+var $ListItem = styled29("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)`
+var $UnorderedListItem = styled29($ListItem)`
   position: relative;
   list-style-type: none;
   .--list-item-icon {
@@ -6174,7 +6410,7 @@ var $UnorderedListItem = styled28($ListItem)`
     color: var(--shade-600);
   }
 `;
-var $OrderedListItem = styled28($ListItem)`
+var $OrderedListItem = styled29($ListItem)`
   position: relative;
   list-style-type: none;
   counter-increment: var(--list-item-var);
@@ -6200,7 +6436,7 @@ var $OrderedListItem = styled28($ListItem)`
     font-variant-numeric: tabular-nums;
   }
 `;
-var $TaskListItem = styled28($ListItem)`
+var $TaskListItem = styled29($ListItem)`
   position: relative;
   list-style-type: none;
   .--list-item-icon {
@@ -6217,32 +6453,32 @@ var $TaskListItem = styled28($ListItem)`
 `;
 
 // src/list-plugin/render-element/ordered-list-item.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx41 } 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__ */ jsx41($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";
-var UncheckedIcon = (props) => /* @__PURE__ */ jsxs19(
+import { jsx as jsx42, jsxs as jsxs20 } from "react/jsx-runtime";
+var UncheckedIcon = (props) => /* @__PURE__ */ jsxs20(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6256,12 +6492,12 @@ 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__ */ jsx42("path", { d: "M0 0h24v24H0z", stroke: "none" }),
+      /* @__PURE__ */ jsx42("rect", { x: 4, y: 4, width: 16, height: 16, rx: 2 })
     ]
   }
 );
-var CheckedIcon = (props) => /* @__PURE__ */ jsxs19(
+var CheckedIcon = (props) => /* @__PURE__ */ jsxs20(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6276,13 +6512,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__ */ jsx42("path", { d: "M0 0h24v24H0z", stroke: "none" }),
+      /* @__PURE__ */ jsx42("path", { d: "m9 11 3 3 8-8", className: "--checkmark" }),
+      /* @__PURE__ */ jsx42("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__ */ jsx42(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6291,44 +6527,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__ */ jsx42("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 jsx43, jsxs as jsxs21 } 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__ */ jsxs21($TaskListItem, { ...attributes, style: { marginLeft }, children: [
+    /* @__PURE__ */ jsx43("div", { className: "--list-item-icon", contentEditable: false, children: element.checked ? /* @__PURE__ */ jsx43(CheckedIcon, { onClick: toggle, style: { cursor: "pointer" } }) : /* @__PURE__ */ jsx43(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 jsx44, jsxs as jsxs22 } 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__ */ jsxs22($UnorderedListItem, { ...attributes, style: { marginLeft }, children: [
+    /* @__PURE__ */ jsx44("div", { className: "--list-item-icon", contentEditable: false, children: /* @__PURE__ */ jsx44(BulletIcon, {}) }),
     children
   ] });
 }
 
 // src/list-plugin/render-element/index.tsx
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function renderElement3({
   element,
   attributes,
@@ -6336,11 +6572,11 @@ function renderElement3({
 }) {
   switch (element.type) {
     case "ordered-list-item":
-      return /* @__PURE__ */ jsx44(OrderedListItem, { element, attributes, children });
+      return /* @__PURE__ */ jsx45(OrderedListItem, { element, attributes, children });
     case "unordered-list-item":
-      return /* @__PURE__ */ jsx44(UnorderedListItem, { element, attributes, children });
+      return /* @__PURE__ */ jsx45(UnorderedListItem, { element, attributes, children });
     case "task-list-item":
-      return /* @__PURE__ */ jsx44(TaskListItem, { element, attributes, children });
+      return /* @__PURE__ */ jsx45(TaskListItem, { element, attributes, children });
   }
 }
 
@@ -6405,7 +6641,7 @@ import { clsx as clsx7 } from "clsx";
 import { Editor as Editor43, Point as Point3, Range as Range8 } from "slate";
 
 // src/marks-plugin/methods/removeMarks.ts
-import { Editor as Editor41, Text as Text4, Transforms as Transforms29 } from "slate";
+import { Editor as Editor41, Text as Text4, Transforms as Transforms30 } from "slate";
 function removeMarks(editor, { at = editor.selection } = {}) {
   if (at == null)
     return;
@@ -6423,7 +6659,7 @@ function removeMarks(editor, { at = editor.selection } = {}) {
       setter[key2] = null;
     }
   }
-  Transforms29.setNodes(editor, setter, {
+  Transforms30.setNodes(editor, setter, {
     match: (n) => Text4.isText(n),
     split: true,
     at
@@ -6469,13 +6705,14 @@ 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")
   };
 }
 
 // src/marks-plugin/styles.tsx
-import styled29 from "@emotion/styled";
-var $MarksSpan = styled29("span")`
+import styled30 from "@emotion/styled";
+var $MarksSpan = styled30("span")`
   &.--bold {
     font-weight: bold;
   }
@@ -6495,10 +6732,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 jsx46 } from "react/jsx-runtime";
 var MarksPlugin = createPlugin((editor) => {
   editor.marksPlugin = createMarksMethods(editor);
   editor.activeMarks = {};
@@ -6538,14 +6778,15 @@ var MarksPlugin = createPlugin((editor) => {
     name: "marks",
     editableProps: {
       renderLeaf: ({ leaf, children }) => {
-        return /* @__PURE__ */ jsx45(
+        return /* @__PURE__ */ jsx46(
           $MarksSpan,
           {
             className: clsx7({
               "--bold": leaf.bold,
               "--italic": leaf.italic,
               "--underline": leaf.underline,
-              "--strike": leaf.strike
+              "--strike": leaf.strike,
+              "--highlight": leaf.highlight
             }),
             children
           }
@@ -6610,7 +6851,7 @@ var NormalizeAfterDeletePlugin = createPlugin((editor) => {
 import { Element as Element23 } from "slate";
 
 // src/table-plugin/delete-fragment/index.ts
-import { Editor as Editor46, Path as Path12, Transforms as Transforms31 } from "slate";
+import { Editor as Editor46, Path as Path12, Transforms as Transforms32 } from "slate";
 
 // src/table-plugin/delete-fragment/get-reversed-delete-safe-ranges.ts
 import { Editor as Editor45, Path as Path11 } from "slate";
@@ -6665,15 +6906,15 @@ function deleteFragmentWithProtectedTypes(editor, protectedTypes) {
   );
   Editor46.withoutNormalizing(editor, () => {
     for (const range of reversedRanges) {
-      Transforms31.delete(editor, { at: range });
+      Transforms32.delete(editor, { at: range });
     }
-    Transforms31.collapse(editor, { edge: "start" });
+    Transforms32.collapse(editor, { edge: "start" });
   });
   return true;
 }
 
 // src/table-plugin/methods/index.ts
-import { Transforms as Transforms39 } from "slate";
+import { Transforms as Transforms41 } from "slate";
 
 // src/table-plugin/methods/get-table-info.ts
 function getTableInfo(editor, { at = editor.selection } = {}) {
@@ -6711,7 +6952,7 @@ function getTableInfo(editor, { at = editor.selection } = {}) {
 }
 
 // src/table-plugin/methods/insert-column.ts
-import { Editor as Editor47, Transforms as Transforms32 } from "slate";
+import { Editor as Editor47, Transforms as Transforms33 } from "slate";
 
 // src/table-plugin/methods/utils.ts
 function createCell(index, children = [
@@ -6737,9 +6978,9 @@ function insertColumn(editor, { offset = 0, at = editor.selection } = {}) {
     const { columns } = tableElement;
     const nextColumns = [...columns];
     nextColumns.splice(nextCellIndex, 0, columns[nextCellIndex]);
-    Transforms32.setNodes(editor, { columns: nextColumns }, { at: tablePath });
+    Transforms33.setNodes(editor, { columns: nextColumns }, { at: tablePath });
     tableElement.children.forEach((rowElement, i) => {
-      Transforms32.insertNodes(editor, createCell(nextCellIndex), {
+      Transforms33.insertNodes(editor, createCell(nextCellIndex), {
         at: [...tablePath, i, nextCellIndex]
       });
     });
@@ -6748,7 +6989,7 @@ function insertColumn(editor, { offset = 0, at = editor.selection } = {}) {
 }
 
 // src/table-plugin/methods/insert-row.ts
-import { Transforms as Transforms33 } from "slate";
+import { Transforms as Transforms34 } from "slate";
 function createRow(columnCount) {
   return {
     type: "table-row",
@@ -6760,7 +7001,7 @@ function insertRow(editor, { at = editor.selection, offset = 0 } = {}) {
   if (!t2)
     return false;
   const nextRowElement = createRow(t2.tableElement.columns.length);
-  Transforms33.insertNodes(editor, nextRowElement, {
+  Transforms34.insertNodes(editor, nextRowElement, {
     at: [...t2.tablePath, t2.rowIndex + offset]
   });
   return true;
@@ -6770,7 +7011,7 @@ function insertRowBelow(editor, { at } = {}) {
 }
 
 // src/table-plugin/methods/insert-table.ts
-import { Editor as Editor49, Element as Element22, Path as Path13, Transforms as Transforms34 } from "slate";
+import { Editor as Editor49, Element as Element22, Path as Path13, Transforms as Transforms35 } from "slate";
 function createRange(size) {
   return [...Array(size).keys()];
 }
@@ -6804,17 +7045,17 @@ function insertRootElement2(editor, element, { at = editor.selection } = {}) {
   if (entry == null) {
     const selection = editor.selection;
     Editor49.withoutNormalizing(editor, () => {
-      Transforms34.insertNodes(editor, element, { at });
+      Transforms35.insertNodes(editor, element, { at });
       if (selection) {
-        Transforms34.select(editor, selection);
-        Transforms34.move(editor);
+        Transforms35.select(editor, selection);
+        Transforms35.move(editor);
       }
     });
   } else {
     const nextPath = Path13.next(entry[1]);
     Editor49.withoutNormalizing(editor, () => {
-      Transforms34.insertNodes(editor, element, { at: nextPath });
-      Transforms34.select(editor, Editor49.start(editor, nextPath));
+      Transforms35.insertNodes(editor, element, { at: nextPath });
+      Transforms35.select(editor, Editor49.start(editor, nextPath));
     });
   }
   return true;
@@ -6894,15 +7135,15 @@ function up(editor) {
 }
 
 // src/table-plugin/methods/remove-column.ts
-import { Editor as Editor52, Transforms as Transforms36 } from "slate";
+import { Editor as Editor52, Transforms as Transforms37 } from "slate";
 
 // src/table-plugin/methods/remove-table.ts
-import { Transforms as Transforms35 } from "slate";
+import { Transforms as Transforms36 } from "slate";
 function removeTable(editor) {
   const t2 = editor.tablePlugin.getTableInfo();
   if (t2 === void 0)
     return false;
-  Transforms35.removeNodes(editor, { at: t2.tablePath });
+  Transforms36.removeNodes(editor, { at: t2.tablePath });
   return true;
 }
 
@@ -6918,9 +7159,9 @@ function removeColumn(editor, { at = editor.selection } = {}) {
   Editor52.withoutNormalizing(editor, () => {
     const columns = [...tableElement.columns];
     columns.splice(cellIndex, 1);
-    Transforms36.setNodes(editor, { columns }, { at: tablePath });
+    Transforms37.setNodes(editor, { columns }, { at: tablePath });
     tableElement.children.forEach((rowElement, rowIndex2) => {
-      Transforms36.removeNodes(editor, {
+      Transforms37.removeNodes(editor, {
         at: [...tablePath, rowIndex2, cellIndex]
       });
     });
@@ -6929,12 +7170,12 @@ function removeColumn(editor, { at = editor.selection } = {}) {
       rowIndex,
       Math.min(cellIndex, cellCount - 2)
     ]);
-    Transforms36.select(editor, selection);
+    Transforms37.select(editor, selection);
   });
 }
 
 // src/table-plugin/methods/remove-row.ts
-import { Editor as Editor53, Transforms as Transforms37 } from "slate";
+import { Editor as Editor53, Transforms as Transforms38 } from "slate";
 function removeRow(editor, { at = editor.selection } = {}) {
   const t2 = getTableInfo(editor, { at });
   if (t2 === void 0)
@@ -6944,8 +7185,8 @@ function removeRow(editor, { at = editor.selection } = {}) {
     return true;
   }
   Editor53.withoutNormalizing(editor, () => {
-    Transforms37.removeNodes(editor, { at: t2.rowPath });
-    Transforms37.select(
+    Transforms38.removeNodes(editor, { at: t2.rowPath });
+    Transforms38.select(
       editor,
       Editor53.start(editor, [
         ...t2.tablePath,
@@ -6958,7 +7199,7 @@ function removeRow(editor, { at = editor.selection } = {}) {
 }
 
 // src/table-plugin/methods/setTableColumnAlign.ts
-import { Transforms as Transforms38 } from "slate";
+import { Transforms as Transforms39 } from "slate";
 function setTableColumnAlign(editor, options) {
   const t2 = getTableInfo(editor);
   if (t2 === void 0)
@@ -6966,11 +7207,12 @@ function setTableColumnAlign(editor, options) {
   const { tableElement, tablePath, cellIndex } = t2;
   const nextColumns = tableElement.columns.slice();
   nextColumns.splice(cellIndex, 1, { align: options.align });
-  Transforms38.setNodes(editor, { columns: nextColumns }, { at: tablePath });
+  Transforms39.setNodes(editor, { columns: nextColumns }, { at: tablePath });
   return true;
 }
 
 // src/table-plugin/methods/tab.ts
+import { Path as Path15, Transforms as Transforms40 } from "slate";
 function tabForward(editor) {
   const t2 = getTableInfo(editor);
   if (!t2)
@@ -6984,8 +7226,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);
+  Transforms40.insertNodes(
+    editor,
+    { type: "paragraph", children: [{ text: "" }] },
+    { at: nextPath }
+  );
+  selectStartOfElement(editor, nextPath);
   return true;
 }
 function tabBackward(editor) {
@@ -7002,6 +7249,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 +7279,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 +7291,12 @@ function selectCell(editor, { at = editor.selection } = {}) {
   if (t2 === void 0)
     return false;
   const { cellPath } = t2;
-  Transforms39.select(editor, cellPath);
+  Transforms41.select(editor, cellPath);
   return true;
 }
 
 // src/table-plugin/normalize/normalize-table.ts
-import { Transforms as Transforms40 } from "slate";
+import { Transforms as Transforms42 } from "slate";
 function normalizeTableIndexes(editor, entry) {
   let isTransformed = false;
   const rowElements = entry[0].children;
@@ -7039,7 +7304,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] });
+        Transforms42.setNodes(editor, { x, y }, { at: [...entry[1], y, x] });
         isTransformed = true;
       }
     });
@@ -7048,14 +7313,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 Transforms43 } 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, () => {
+    Transforms43.insertNodes(
       editor,
       {
         type: "table-content",
@@ -7064,9 +7329,9 @@ function normalizeTableCell(editor, entry) {
       { at: [...entry[1], 0] }
     );
     for (let i = node.children.length; i >= 0; i--) {
-      Transforms41.mergeNodes(editor, { at: [...path, i] });
+      Transforms43.mergeNodes(editor, { at: [...path, i] });
     }
-    Transforms41.delete(editor, {
+    Transforms43.delete(editor, {
       at: { path: [...path, 0, 0], offset: 0 },
       unit: "character"
     });
@@ -7076,14 +7341,14 @@ 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";
+import styled32 from "@emotion/styled";
 
 // src/table-plugin/render-element/styles/table-menu-styles.ts
-import styled30 from "@emotion/styled";
-var $BaseMenu = styled30("div")`
+import styled31 from "@emotion/styled";
+var $BaseMenu = styled31("div")`
   position: absolute;
   /**
    * very slightly shaded
@@ -7108,7 +7373,7 @@ var $BaseMenu = styled30("div")`
     }
   }
 `;
-var $ColumnMenu = styled30($BaseMenu)`
+var $ColumnMenu = styled31($BaseMenu)`
   cursor: pointer;
   /**
    * hangs out on top
@@ -7119,7 +7384,7 @@ var $ColumnMenu = styled30($BaseMenu)`
   height: 3em;
   top: -3em;
 `;
-var $RowMenu = styled30($BaseMenu)`
+var $RowMenu = styled31($BaseMenu)`
   /**
    * hangs out on left
    */
@@ -7128,7 +7393,7 @@ var $RowMenu = styled30($BaseMenu)`
   width: 3em;
   left: -3em;
 `;
-var $MenuTile = styled30("div")`
+var $MenuTile = styled31("div")`
   position: absolute;
   background: rgba(0, 0, 0, 0.05);
   border: 1px solid rgba(0, 0, 0, 0.05);
@@ -7141,7 +7406,7 @@ var $MenuTile = styled30("div")`
   right: 0;
   bottom: 0;
 `;
-var $ColumnMenuTile = styled30($MenuTile)`
+var $ColumnMenuTile = styled31($MenuTile)`
   top: 50%;
   border-bottom: none;
   border-right: none;
@@ -7168,7 +7433,7 @@ var $ColumnMenuTile = styled30($MenuTile)`
   /* border-top-left-radius: 0.5em;
   border-top-right-radius: 0.5em; */
 `;
-var $RowMenuTile = styled30($MenuTile)`
+var $RowMenuTile = styled31($MenuTile)`
   left: 50%;
   border-right: none;
   border-bottom: none;
@@ -7195,7 +7460,7 @@ var $RowMenuTile = styled30($MenuTile)`
   /* border-top-left-radius: 0.5em;
   border-bottom-left-radius: 0.5em; */
 `;
-var $MenuButton = styled30("div")`
+var $MenuButton = styled31("div")`
   position: absolute;
   font-size: 1.5em;
   background: white;
@@ -7205,13 +7470,13 @@ var $MenuButton = styled30("div")`
     display: block;
   }
 `;
-var $AddMenuButton = styled30($MenuButton)`
+var $AddMenuButton = styled31($MenuButton)`
   color: #c0c0c0;
   &:hover {
     color: royalblue;
   }
 `;
-var $RemoveMenuButton = styled30($MenuButton)`
+var $RemoveMenuButton = styled31($MenuButton)`
   color: #c0c0c0;
   &:hover {
     color: firebrick;
@@ -7219,20 +7484,20 @@ var $RemoveMenuButton = styled30($MenuButton)`
 `;
 
 // src/table-plugin/render-element/styles/index.ts
-var $Table = styled31("table")`
+var $Table = styled32("table")`
   border-collapse: collapse;
   margin: 1em 0;
   ${({ columns }) => columns.map(
   (column, index) => `td:nth-of-type(${index + 1}) { text-align: ${column.align}; }`
 ).join("\n")}
 `;
-var $TableRow = styled31("tr")`
+var $TableRow = styled32("tr")`
   position: relative;
   &:first-of-type {
     background: var(--table-head-bgcolor);
   }
 `;
-var $TableCell = styled31("td")`
+var $TableCell = styled32("td")`
   position: relative;
   border-width: 1px;
   border-style: solid;
@@ -7253,7 +7518,7 @@ var $TableCell = styled31("td")`
     border-right-color: var(--table-border-color);
   }
 `;
-var $TableContent = styled31("div")`
+var $TableContent = styled32("div")`
   /**
    * Smaller font inside a table than outside of it
    */
@@ -7274,19 +7539,19 @@ var TableContext = createContext2({
 });
 
 // src/table-plugin/render-element/table.tsx
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx47 } 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__ */ jsx47(TableContext.Provider, { value: { isSelected }, children: /* @__PURE__ */ jsx47($Table, { ...attributes, columns: element.columns, children: /* @__PURE__ */ jsx47("tbody", { children }) }) });
 }
 
 // src/table-plugin/render-element/table-cell/index.tsx
@@ -7294,12 +7559,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 jsx48 } from "react/jsx-runtime";
+var PlusIcon = (props) => /* @__PURE__ */ jsx48(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7308,7 +7573,7 @@ var PlusIcon = (props) => /* @__PURE__ */ jsx47(
     width: "1em",
     height: "1em",
     ...props,
-    children: /* @__PURE__ */ jsx47(
+    children: /* @__PURE__ */ jsx48(
       "path",
       {
         fillRule: "evenodd",
@@ -7318,7 +7583,7 @@ var PlusIcon = (props) => /* @__PURE__ */ jsx47(
     )
   }
 );
-var MinusIcon = (props) => /* @__PURE__ */ jsx47(
+var MinusIcon = (props) => /* @__PURE__ */ jsx48(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7327,7 +7592,7 @@ var MinusIcon = (props) => /* @__PURE__ */ jsx47(
     width: "1em",
     height: "1em",
     ...props,
-    children: /* @__PURE__ */ jsx47(
+    children: /* @__PURE__ */ jsx48(
       "path",
       {
         fillRule: "evenodd",
@@ -7337,18 +7602,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__ */ jsx48(TablerIcon, { children: /* @__PURE__ */ jsx48("path", { d: "M4 6h16M4 12h16M4 18h16" }) });
+var AlignLeft = () => /* @__PURE__ */ jsx48(TablerIcon, { children: /* @__PURE__ */ jsx48("path", { d: "M4 6h16M4 12h10M4 18h14" }) });
+var AlignCenter = () => /* @__PURE__ */ jsx48(TablerIcon, { children: /* @__PURE__ */ jsx48("path", { d: "M4 6h16M8 12h8M6 18h12" }) });
+var AlignRight = () => /* @__PURE__ */ jsx48(TablerIcon, { children: /* @__PURE__ */ jsx48("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 jsx49, jsxs as jsxs23 } 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,9 +7649,9 @@ function ColumnMenu({ cellElement }) {
         }
       }
     ];
-    menu.open(() => /* @__PURE__ */ jsx48(Menu, { dest, items, close: menu.close }));
+    menu.open(() => /* @__PURE__ */ jsx49(Menu, { dest, items, close: menu.close }));
   }, []);
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     $ColumnMenu,
     {
       ref: buttonRef,
@@ -7395,9 +7660,9 @@ function ColumnMenu({ cellElement }) {
       onMouseEnter,
       onMouseLeave,
       children: [
-        /* @__PURE__ */ jsx48($ColumnMenuTile, { className: "--tile", children: /* @__PURE__ */ jsx48(BarsIcon, {}) }),
-        hover ? /* @__PURE__ */ jsxs22(Fragment4, { children: [
-          /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsx49($ColumnMenuTile, { className: "--tile", children: /* @__PURE__ */ jsx49(BarsIcon, {}) }),
+        hover ? /* @__PURE__ */ jsxs23(Fragment4, { children: [
+          /* @__PURE__ */ jsx49(
             $RemoveMenuButton,
             {
               style: {
@@ -7406,23 +7671,23 @@ function ColumnMenu({ cellElement }) {
                 marginLeft: "-0.5em"
               },
               onMouseDown: () => editor.tablePlugin.removeColumn({ at: cellElement }),
-              children: /* @__PURE__ */ jsx48(MinusIcon, {})
+              children: /* @__PURE__ */ jsx49(MinusIcon, {})
             }
           ),
-          /* @__PURE__ */ jsx48(
+          /* @__PURE__ */ jsx49(
             $AddMenuButton,
             {
               style: { left: "-0.5em", top: 0 },
               onMouseDown: () => editor.tablePlugin.insertColumn({ at: cellElement }),
-              children: /* @__PURE__ */ jsx48(PlusIcon, {})
+              children: /* @__PURE__ */ jsx49(PlusIcon, {})
             }
           ),
-          /* @__PURE__ */ jsx48(
+          /* @__PURE__ */ jsx49(
             $AddMenuButton,
             {
               style: { right: "-0.5em", top: 0 },
               onMouseDown: () => editor.tablePlugin.insertColumn({ at: cellElement, offset: 1 }),
-              children: /* @__PURE__ */ jsx48(PlusIcon, {})
+              children: /* @__PURE__ */ jsx49(PlusIcon, {})
             }
           )
         ] }) : null
@@ -7432,22 +7697,22 @@ 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 jsx50, jsxs as jsxs24 } from "react/jsx-runtime";
 function RowMenu({ cellElement }) {
-  const editor = useSlateStatic15();
-  const [hover, setHover] = useState6(false);
-  return /* @__PURE__ */ jsxs23(
+  const editor = useSlateStatic16();
+  const [hover, setHover] = useState7(false);
+  return /* @__PURE__ */ jsxs24(
     $RowMenu,
     {
       contentEditable: false,
       onMouseEnter: () => setHover(true),
       onMouseLeave: () => setHover(false),
       children: [
-        /* @__PURE__ */ jsx49($RowMenuTile, { className: "--tile", children: /* @__PURE__ */ jsx49(BarsIcon, {}) }),
-        hover ? /* @__PURE__ */ jsxs23(Fragment5, { children: [
-          /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx50($RowMenuTile, { className: "--tile", children: /* @__PURE__ */ jsx50(BarsIcon, {}) }),
+        hover ? /* @__PURE__ */ jsxs24(Fragment5, { children: [
+          /* @__PURE__ */ jsx50(
             $RemoveMenuButton,
             {
               style: {
@@ -7456,23 +7721,23 @@ function RowMenu({ cellElement }) {
                 marginTop: "-0.5em"
               },
               onMouseDown: () => editor.tablePlugin.removeRow({ at: cellElement }),
-              children: /* @__PURE__ */ jsx49(MinusIcon, {})
+              children: /* @__PURE__ */ jsx50(MinusIcon, {})
             }
           ),
-          /* @__PURE__ */ jsx49(
+          /* @__PURE__ */ jsx50(
             $AddMenuButton,
             {
               style: { top: "-0.5em", left: "0.5em" },
               onMouseDown: () => editor.tablePlugin.insertRow({ at: cellElement }),
-              children: /* @__PURE__ */ jsx49(PlusIcon, {})
+              children: /* @__PURE__ */ jsx50(PlusIcon, {})
             }
           ),
-          /* @__PURE__ */ jsx49(
+          /* @__PURE__ */ jsx50(
             $AddMenuButton,
             {
               style: { bottom: "-0.5em", left: "0.5em" },
               onMouseDown: () => editor.tablePlugin.insertRow({ at: cellElement, offset: 1 }),
-              children: /* @__PURE__ */ jsx49(PlusIcon, {})
+              children: /* @__PURE__ */ jsx50(PlusIcon, {})
             }
           )
         ] }) : null
@@ -7482,8 +7747,8 @@ function RowMenu({ cellElement }) {
 }
 
 // src/table-plugin/render-element/table-cell/table-menu/$table-menu.tsx
-import styled32 from "@emotion/styled";
-var $TableMenu = styled32("div")`
+import styled33 from "@emotion/styled";
+var $TableMenu = styled33("div")`
   position: absolute;
   /**
    * very slightly shaded
@@ -7516,7 +7781,7 @@ var $TableMenu = styled32("div")`
     }
   }
 `;
-var $TableMenuTile = styled32("div")`
+var $TableMenuTile = styled33("div")`
   position: absolute;
   left: 0;
   top: 0;
@@ -7527,13 +7792,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 jsx51 } from "react/jsx-runtime";
 function TableMenu() {
-  return /* @__PURE__ */ jsx50($TableMenu, { contentEditable: false, children: /* @__PURE__ */ jsx50($TableMenuTile, { className: "--table-menu-tile" }) });
+  return /* @__PURE__ */ jsx51($TableMenu, { contentEditable: false, children: /* @__PURE__ */ jsx51($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 jsx52, jsxs as jsxs25 } from "react/jsx-runtime";
 function TableCell({
   element,
   attributes,
@@ -7544,7 +7809,7 @@ function TableCell({
   const showTableMenu = tableContext.isSelected && element.x === 0 && element.y === 0;
   const showRowMenu = tableContext.isSelected && element.x === 0;
   const showColumnMenu = tableContext.isSelected && element.y === 0;
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     $TableCell,
     {
       className: selected ? "--selected" : "",
@@ -7553,34 +7818,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__ */ jsx52(TableMenu, {}) : null,
+        showRowMenu ? /* @__PURE__ */ jsx52(RowMenu, { cellElement: element }) : null,
+        showColumnMenu ? /* @__PURE__ */ jsx52(ColumnMenu, { cellElement: element }) : null
       ]
     }
   );
 }
 
 // src/table-plugin/render-element/table-content.tsx
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 function TableContent({
   attributes,
   children
 }) {
-  return /* @__PURE__ */ jsx52($TableContent, { ...attributes, children });
+  return /* @__PURE__ */ jsx53($TableContent, { ...attributes, children });
 }
 
 // src/table-plugin/render-element/table-row.tsx
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 function TableRow({
   attributes,
   children
 }) {
-  return /* @__PURE__ */ jsx53($TableRow, { ...attributes, children });
+  return /* @__PURE__ */ jsx54($TableRow, { ...attributes, children });
 }
 
 // src/table-plugin/render-element/index.tsx
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 function renderElement4({
   element,
   attributes,
@@ -7588,13 +7853,13 @@ function renderElement4({
 }) {
   switch (element.type) {
     case "table":
-      return /* @__PURE__ */ jsx54(Table, { element, attributes, children });
+      return /* @__PURE__ */ jsx55(Table, { element, attributes, children });
     case "table-row":
-      return /* @__PURE__ */ jsx54(TableRow, { element, attributes, children });
+      return /* @__PURE__ */ jsx55(TableRow, { element, attributes, children });
     case "table-cell":
-      return /* @__PURE__ */ jsx54(TableCell, { element, attributes, children });
+      return /* @__PURE__ */ jsx55(TableCell, { element, attributes, children });
     case "table-content":
-      return /* @__PURE__ */ jsx54(TableContent, { element, attributes, children });
+      return /* @__PURE__ */ jsx55(TableContent, { element, attributes, children });
   }
 }
 
@@ -7615,7 +7880,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 +7918,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,16 +8003,16 @@ 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 jsx56, jsxs as jsxs26 } from "react/jsx-runtime";
 var ThemePlugin = createPlugin((editor) => {
   editor.theme = true;
   return {
     name: "theme",
     editor: {},
     renderEditable: ({ attributes, Editable: Editable3 }) => {
-      return /* @__PURE__ */ jsxs25(Fragment6, { children: [
-        /* @__PURE__ */ jsx55(Global, { styles: globalStyles }),
-        /* @__PURE__ */ jsx55(Editable3, { ...attributes })
+      return /* @__PURE__ */ jsxs26(Fragment6, { children: [
+        /* @__PURE__ */ jsx56(Global, { styles: globalStyles }),
+        /* @__PURE__ */ jsx56(Editable3, { ...attributes })
       ] });
     },
     editableProps: {}
@@ -7751,27 +8021,27 @@ 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 Transforms45 } 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";
-var $TableDialog = styled33($Panel)`
+import styled34 from "@emotion/styled";
+var $TableDialog = styled34($Panel)`
   padding: 0.5em;
 `;
-var $TableDialogGrid = styled33("div")`
+var $TableDialogGrid = styled34("div")`
   display: grid;
   grid-template-columns: repeat(5, 1.75em);
   grid-template-rows: 1.5em;
   /* grid-gap: 1px; */
 `;
-var $TableDialogGridCell = styled33("div")`
+var $TableDialogGridCell = styled34("div")`
   background: var(--shade-100);
   height: 1.5em;
   border-radius: 0.125em;
@@ -7784,7 +8054,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 jsx57, jsxs as jsxs27 } from "react/jsx-runtime";
 function createRange2(size) {
   return [...Array(size).keys()];
 }
@@ -7792,9 +8062,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 };
   });
@@ -7814,12 +8084,12 @@ 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) => {
+  return /* @__PURE__ */ jsxs27(Fragment7, { children: [
+    /* @__PURE__ */ jsx57(CloseMask, { close }),
+    /* @__PURE__ */ jsx57($TableDialog, { ref, style, children: /* @__PURE__ */ jsx57($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__ */ jsx57(
           $TableDialogGridCell,
           {
             className: clsx8({ "--selected": selected }),
@@ -7835,60 +8105,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" }) });
-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" })
+import { jsx as jsx58, jsxs as jsxs28 } from "react/jsx-runtime";
+var H = () => /* @__PURE__ */ jsx58(TablerIcon, { children: /* @__PURE__ */ jsx58("path", { d: "M7 12h10M7 5v14M17 5v14M15 19h4M15 5h4M5 19h4M5 5h4" }) });
+var More = () => /* @__PURE__ */ jsx58(TablerIcon, { className: "--more-icon", width: "0.5em", viewBox: "0 0 12 24", children: /* @__PURE__ */ jsx58("path", { d: "m2 12 4 4 4-4" }) });
+var LinkPlus = () => /* @__PURE__ */ jsx58(TablerIcon, { width: "0.5em", viewBox: "6 0 12 24", children: /* @__PURE__ */ jsx58("path", { d: "M9 12h6M12 9v6" }) });
+var H1 = () => /* @__PURE__ */ jsx58(TablerIcon, { children: /* @__PURE__ */ jsx58("path", { d: "M19 18v-8l-2 2M4 6v12M12 6v12M11 18h2M3 18h2M4 12h8M3 6h2M11 6h2" }) });
+var H2 = () => /* @__PURE__ */ jsx58(TablerIcon, { children: /* @__PURE__ */ jsx58("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__ */ jsx58(TablerIcon, { children: /* @__PURE__ */ jsx58("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__ */ jsx58(TablerIcon, { children: /* @__PURE__ */ jsx58("path", { d: "M8 18V6h2l6 9V6h2v12h-2l-6-9v9H8z" }) });
+var Bold = () => /* @__PURE__ */ jsx58(TablerIcon, { children: /* @__PURE__ */ jsx58("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__ */ jsx58(TablerIcon, { children: /* @__PURE__ */ jsx58("path", { d: "M11 5h6M7 19h6M14 5l-4 14" }) });
+var Link = () => /* @__PURE__ */ jsxs28(TablerIcon, { children: [
+  /* @__PURE__ */ jsx58("path", { d: "M10 14a3.5 3.5 0 0 0 5 0l4-4a3.5 3.5 0 0 0-5-5l-.5.5" }),
+  /* @__PURE__ */ jsx58("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__ */ jsx58(TablerIcon, { children: /* @__PURE__ */ jsx58("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__ */ jsxs28(TablerIcon, { children: [
+  /* @__PURE__ */ jsx58("path", { d: "M10 9l4 3-4 3" }),
+  /* @__PURE__ */ jsx58("path", { d: "M16 9l4 3-4 3" })
 ] });
-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 DoubleQuote = () => /* @__PURE__ */ jsxs27(TablerIcon, { children: [
-  /* @__PURE__ */ jsx57("path", { d: "M10 9l4 3-4 3" }),
-  /* @__PURE__ */ jsx57("path", { d: "M16 9l4 3-4 3" })
+var BulletList = () => /* @__PURE__ */ jsx58(TablerIcon, { children: /* @__PURE__ */ jsx58("path", { d: "M9 6h11M9 12h11M9 18h11M5 6v.01M5 12v.01M5 18v.01" }) });
+var Table2 = () => /* @__PURE__ */ jsxs28(TablerIcon, { children: [
+  /* @__PURE__ */ jsx58("rect", { x: 4, y: 4, width: 16, height: 16, rx: 2 }),
+  /* @__PURE__ */ jsx58("path", { d: "M4 10h16M10 4v16" })
 ] });
-var BulletList = () => /* @__PURE__ */ jsx57(TablerIcon, { children: /* @__PURE__ */ jsx57("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" })
+var Code = () => /* @__PURE__ */ jsx58(TablerIcon, { children: /* @__PURE__ */ jsx58("path", { d: "m7 8-4 4 4 4M17 8l4 4-4 4M14 4l-4 16" }) });
+var CodeBlock2 = () => /* @__PURE__ */ jsx58(TablerIcon, { children: /* @__PURE__ */ jsx58("path", { d: "M9 8L5 12L9 16M15 8L19 12L15 16" }) });
+var Image = () => /* @__PURE__ */ jsxs28(TablerIcon, { children: [
+  /* @__PURE__ */ jsx58("path", { d: "M15 8h.01" }),
+  /* @__PURE__ */ jsx58("rect", { x: 4, y: 4, width: 16, height: 16, rx: 3 }),
+  /* @__PURE__ */ jsx58("path", { d: "m4 15 4-4a3 5 0 0 1 3 0l5 5" }),
+  /* @__PURE__ */ jsx58("path", { d: "m14 14 1-1a3 5 0 0 1 3 0l2 2" })
 ] });
-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 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" })
+var Plus = () => /* @__PURE__ */ jsx58(TablerIcon, { children: /* @__PURE__ */ jsx58("path", { d: "M12 5v14M5 12h14" }) });
+var Strikethrough = () => /* @__PURE__ */ jsx58(TablerIcon, { children: /* @__PURE__ */ jsx58("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__ */ jsx58(TablerIcon, { children: /* @__PURE__ */ jsx58("path", { d: "M7 5v5a5 5 0 0 0 10 0V5M5 19h14" }) });
+var ListCheck = () => /* @__PURE__ */ jsxs28(TablerIcon, { children: [
+  /* @__PURE__ */ jsx58("path", { d: "m9 11 3 3 8-8" }),
+  /* @__PURE__ */ jsx58("path", { d: "M20 12v6a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h9" })
 ] });
-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 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" })
+var ListNumbers = () => /* @__PURE__ */ jsx58(TablerIcon, { children: /* @__PURE__ */ jsx58("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__ */ jsx58(TablerIcon, { children: /* @__PURE__ */ jsx58("path", { d: "M4 6h16M8 12h12M12 18h8M7 12l-3-3M7 12l-3 3" }) });
+var DecreaseDepth = () => /* @__PURE__ */ jsx58(TablerIcon, { children: /* @__PURE__ */ jsx58("path", { d: "M4 6h16M8 12h12M12 18h8M4 12l3-3M4 12l3 3" }) });
+var Markdown = () => /* @__PURE__ */ jsxs28(TablerIcon, { children: [
+  /* @__PURE__ */ jsx58("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__ */ jsx58("path", { d: "M7 15V9l2 2 2-2v6M14 9v6h4M14 13h2" })
 ] });
-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 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" })
+var VisualEditor = () => /* @__PURE__ */ jsxs28(TablerIcon, { children: [
+  /* @__PURE__ */ jsx58("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__ */ jsx58("path", { d: "M8 8h8M8 12h8M8 16h5" }),
+  /* @__PURE__ */ jsx58("path", { d: "M16 16h1" })
 ] });
-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" })
+var Highlight = () => /* @__PURE__ */ jsxs28(TablerIcon, { children: [
+  /* @__PURE__ */ jsx58("path", { d: "M3 19h4L17.5 8.5a2.828 2.828 0 1 0-4-4L3 15v4" }),
+  /* @__PURE__ */ jsx58("path", { d: "m12.5 5.5 4 4" }),
+  /* @__PURE__ */ jsx58("path", { d: "M3 21h7" }),
+  /* @__PURE__ */ jsx58("path", { d: "M18 19h3M19.5 17.5v3" })
 ] });
 
 // src/toolbar-plugin/items/block-items.tsx
@@ -7897,15 +8173,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,33 +8228,33 @@ 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";
-var $FileDialog = styled34($Panel)`
+import styled35 from "@emotion/styled";
+var $FileDialog = styled35($Panel)`
   padding: 1em;
   width: 18em;
 `;
 
 // 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 jsx59, jsxs as jsxs29 } 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 };
@@ -8032,12 +8310,12 @@ function ImageUrlDialog({
     fileInputRef.current?.click();
   }
   const isSubmitDisabled = imageSource === "file" ? uploadedUrl.trim() === "" || isUploading : url.trim() === "";
-  return /* @__PURE__ */ jsxs28(Fragment8, { children: [
-    /* @__PURE__ */ jsx58(CloseMask, { close }),
-    /* @__PURE__ */ jsx58($FileDialog, { ref, style, children: /* @__PURE__ */ jsxs28("form", { onSubmit: handleSubmit, style: { padding: "8px" }, children: [
-      hasOnImageChange && /* @__PURE__ */ jsxs28("div", { style: { marginBottom: "12px" }, children: [
-        /* @__PURE__ */ jsxs28("label", { style: { display: "inline-flex", alignItems: "center", marginRight: "16px", cursor: "pointer" }, children: [
-          /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsxs29(Fragment8, { children: [
+    /* @__PURE__ */ jsx59(CloseMask, { close }),
+    /* @__PURE__ */ jsx59($FileDialog, { ref, style, children: /* @__PURE__ */ jsxs29("form", { onSubmit: handleSubmit, style: { padding: "8px" }, children: [
+      hasOnImageChange && /* @__PURE__ */ jsxs29("div", { style: { marginBottom: "12px" }, children: [
+        /* @__PURE__ */ jsxs29("label", { style: { display: "inline-flex", alignItems: "center", marginRight: "16px", cursor: "pointer" }, children: [
+          /* @__PURE__ */ jsx59(
             "input",
             {
               type: "radio",
@@ -8050,8 +8328,8 @@ function ImageUrlDialog({
           ),
           t("imageSourceFile")
         ] }),
-        /* @__PURE__ */ jsxs28("label", { style: { display: "inline-flex", alignItems: "center", cursor: "pointer" }, children: [
-          /* @__PURE__ */ jsx58(
+        /* @__PURE__ */ jsxs29("label", { style: { display: "inline-flex", alignItems: "center", cursor: "pointer" }, children: [
+          /* @__PURE__ */ jsx59(
             "input",
             {
               type: "radio",
@@ -8065,9 +8343,9 @@ function ImageUrlDialog({
           t("imageSourceUrl")
         ] })
       ] }),
-      imageSource === "url" ? /* @__PURE__ */ jsxs28("div", { style: { marginBottom: "8px" }, children: [
-        /* @__PURE__ */ jsx58("label", { style: { display: "block", marginBottom: "4px" }, children: t("imageUrlRequired") }),
-        /* @__PURE__ */ jsx58(
+      imageSource === "url" ? /* @__PURE__ */ jsxs29("div", { style: { marginBottom: "8px" }, children: [
+        /* @__PURE__ */ jsx59("label", { style: { display: "block", marginBottom: "4px" }, children: t("imageUrlRequired") }),
+        /* @__PURE__ */ jsx59(
           "input",
           {
             type: "text",
@@ -8083,8 +8361,8 @@ function ImageUrlDialog({
             placeholder: "https://example.com/image.jpg"
           }
         )
-      ] }) : /* @__PURE__ */ jsxs28("div", { style: { marginBottom: "8px" }, children: [
-        /* @__PURE__ */ jsx58(
+      ] }) : /* @__PURE__ */ jsxs29("div", { style: { marginBottom: "8px" }, children: [
+        /* @__PURE__ */ jsx59(
           "input",
           {
             ref: fileInputRef,
@@ -8094,7 +8372,7 @@ function ImageUrlDialog({
             style: { display: "none" }
           }
         ),
-        /* @__PURE__ */ jsx58(
+        /* @__PURE__ */ jsx59(
           "button",
           {
             type: "button",
@@ -8111,9 +8389,9 @@ function ImageUrlDialog({
             children: isUploading ? t("uploading") : t("selectFile")
           }
         ),
-        uploadedUrl && /* @__PURE__ */ jsxs28("div", { style: { marginTop: "8px" }, children: [
-          /* @__PURE__ */ jsx58("label", { style: { display: "block", marginBottom: "4px" }, children: t("imageUrlRequired") }),
-          /* @__PURE__ */ jsx58(
+        uploadedUrl && /* @__PURE__ */ jsxs29("div", { style: { marginTop: "8px" }, children: [
+          /* @__PURE__ */ jsx59("label", { style: { display: "block", marginBottom: "4px" }, children: t("imageUrlRequired") }),
+          /* @__PURE__ */ jsx59(
             "input",
             {
               type: "text",
@@ -8132,9 +8410,9 @@ function ImageUrlDialog({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs28("div", { style: { marginBottom: "8px" }, children: [
-        /* @__PURE__ */ jsx58("label", { style: { display: "block", marginBottom: "4px" }, children: t("altText") }),
-        /* @__PURE__ */ jsx58(
+      /* @__PURE__ */ jsxs29("div", { style: { marginBottom: "8px" }, children: [
+        /* @__PURE__ */ jsx59("label", { style: { display: "block", marginBottom: "4px" }, children: t("altText") }),
+        /* @__PURE__ */ jsx59(
           "input",
           {
             type: "text",
@@ -8151,9 +8429,9 @@ function ImageUrlDialog({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs28("div", { style: { marginBottom: "8px" }, children: [
-        /* @__PURE__ */ jsx58("label", { style: { display: "block", marginBottom: "4px" }, children: t("title") }),
-        /* @__PURE__ */ jsx58(
+      /* @__PURE__ */ jsxs29("div", { style: { marginBottom: "8px" }, children: [
+        /* @__PURE__ */ jsx59("label", { style: { display: "block", marginBottom: "4px" }, children: t("title") }),
+        /* @__PURE__ */ jsx59(
           "input",
           {
             type: "text",
@@ -8170,8 +8448,8 @@ function ImageUrlDialog({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs28("div", { style: { display: "flex", gap: "8px" }, children: [
-        /* @__PURE__ */ jsx58(
+      /* @__PURE__ */ jsxs29("div", { style: { display: "flex", gap: "8px" }, children: [
+        /* @__PURE__ */ jsx59(
           "button",
           {
             type: "submit",
@@ -8190,7 +8468,7 @@ function ImageUrlDialog({
             children: t("register")
           }
         ),
-        /* @__PURE__ */ jsx58(
+        /* @__PURE__ */ jsx59(
           "button",
           {
             type: "button",
@@ -8215,14 +8493,16 @@ 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";
-var $DialogButton = styled35("div")`
+import styled36 from "@emotion/styled";
+var $DialogButton = styled36("div")`
   /* Center vertically and horizontally */
   display: flex;
   align-items: center;
@@ -8247,7 +8527,7 @@ var $DialogButton = styled35("div")`
     stroke-width: 2px;
   }
 `;
-var $DialogHint = styled35("div")`
+var $DialogHint = styled36("div")`
   font-size: 0.875em;
   margin-top: 0.5em;
   color: var(--shade-500);
@@ -8255,14 +8535,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 jsx60, jsxs as jsxs30 } 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 +8557,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;
@@ -8296,26 +8605,47 @@ function AnchorDialog2({
     e.stopPropagation();
     insertLink2();
   };
-  return /* @__PURE__ */ jsxs29(Fragment9, { children: [
-    /* @__PURE__ */ jsx59(CloseMask, { close }),
-    /* @__PURE__ */ jsxs29($AnchorDialog, { ref, style, children: [
-      /* @__PURE__ */ jsxs29($AnchorDialogInputLine, { children: [
-        /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsxs30(Fragment9, { children: [
+    /* @__PURE__ */ jsx60(CloseMask, { close }),
+    /* @__PURE__ */ jsxs30($AnchorDialog, { ref, style, children: [
+      /* @__PURE__ */ jsx60($AnchorDialogInputLine, { children: /* @__PURE__ */ jsx60(
+        $AnchorDialogInput,
+        {
+          type: "text",
+          value: url,
+          autoFocus: true,
+          placeholder: t("linkUrl"),
+          onChange: onChangeUrl,
+          onKeyDown
+        }
+      ) }),
+      /* @__PURE__ */ jsx60($AnchorDialogInputLine, { style: { marginTop: "0.5em" }, children: /* @__PURE__ */ jsx60(
+        $AnchorDialogInput,
+        {
+          type: "text",
+          value: text,
+          placeholder: t("linkText"),
+          onChange: onChangeText,
+          onKeyDown
+        }
+      ) }),
+      /* @__PURE__ */ jsxs30($AnchorDialogInputLine, { style: { marginTop: "0.5em" }, children: [
+        /* @__PURE__ */ jsx60(
           $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__ */ jsxs30($DialogButton, { onClick: insertLink2, children: [
+          /* @__PURE__ */ jsx60(Link, {}),
+          /* @__PURE__ */ jsx60(LinkPlus, {})
         ] })
       ] }),
-      /* @__PURE__ */ jsx59($DialogHint, { children: "Enter URL of link" })
+      /* @__PURE__ */ jsx60($DialogHint, { children: t("tooltipHint") })
     ] })
   ] });
 }
@@ -8329,17 +8659,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 +8684,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 +8731,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 +8756,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 +8780,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 Transforms44 } from "slate";
 var quoteItemsList = [
   {
     icon: Quote,
@@ -8473,9 +8815,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);
+        Transforms44.removeNodes(editor, { at: path });
+        Transforms44.insertNodes(
           editor,
           {
             type: "paragraph",
@@ -8486,13 +8828,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);
+        Transforms44.delete(editor);
+        Transforms44.insertNodes(
           editor,
           {
             type: "code-block",
@@ -8507,9 +8849,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 +8874,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 +8945,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 jsx61, jsxs as jsxs31 } 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 +8967,9 @@ function ToolbarButton({
     if (!dest)
       return;
     if (items) {
-      menuLayer.open(() => /* @__PURE__ */ jsx60(Menu, { dest, items, close: menuLayer.close }));
+      menuLayer.open(() => /* @__PURE__ */ jsx61(Menu, { dest, items, close: menuLayer.close }));
     } else if (Component) {
-      menuLayer.open(() => /* @__PURE__ */ jsx60(Component, { dest, close: menuLayer.close }));
+      menuLayer.open(() => /* @__PURE__ */ jsx61(Component, { dest, close: menuLayer.close }));
     }
   }, [item]);
   const onClick = useCallback14(() => {
@@ -8649,7 +8992,7 @@ function ToolbarButton({
     },
     [menuLayer.layer]
   );
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs31(
     $ToolbarButton,
     {
       "data-item-type": "button",
@@ -8663,24 +9006,24 @@ function ToolbarButton({
         "--disabled": !isActive && r(item?.title)?.includes("Depth")
       }),
       children: [
-        /* @__PURE__ */ jsx60(item.icon, {}),
-        item.more ? /* @__PURE__ */ jsx60(More, {}) : null
+        /* @__PURE__ */ jsx61(item.icon, {}),
+        item.more ? /* @__PURE__ */ jsx61(More, {}) : null
       ]
     }
   );
 }
 
 // src/toolbar-plugin/components/toolbar/toolbar.tsx
-import { jsx as jsx61 } from "react/jsx-runtime";
+import { jsx as jsx62 } 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__ */ jsx62($ToolbarDividerContainer, { "data-item-type": "divider", children: /* @__PURE__ */ jsx62($ToolbarDivider, {}) });
   }
   const show = item.show === void 0 ? true : item.show(editor);
   if (!show)
     return null;
-  return /* @__PURE__ */ jsx61(ToolbarButton, { item });
+  return /* @__PURE__ */ jsx62(ToolbarButton, { item });
 }
 function getWidths(toolbar) {
   const button = toolbar.querySelector(
@@ -8706,8 +9049,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 +9081,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__ */ jsx62($ToolbarContainer, { ref, children: /* @__PURE__ */ jsx62($Toolbar, { children: items.map((item, index) => /* @__PURE__ */ jsx62(
     ToolbarItem,
     {
       item
@@ -8748,21 +9091,21 @@ function Toolbar() {
 }
 
 // src/toolbar-plugin/render-editable/index.tsx
-import { jsx as jsx62, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs32 } 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, []));
+      Transforms45.select(editor, Editor62.end(editor, []));
       ReactEditor16.focus(editor);
     },
     [editor]
   );
-  return /* @__PURE__ */ jsx62(Layers, { children: /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsx63(Layers, { children: /* @__PURE__ */ jsxs32(
     $OuterContainer,
     {
       ref: outerContainerRef,
@@ -8774,8 +9117,8 @@ function renderEditable({ attributes, Editable: Editable3 }) {
       },
       onClick: onClickOuterContainer,
       children: [
-        /* @__PURE__ */ jsx62(Toolbar, {}),
-        /* @__PURE__ */ jsx62(
+        /* @__PURE__ */ jsx63(Toolbar, {}),
+        /* @__PURE__ */ jsx63(
           Editable3,
           {
             as: $Editable,
@@ -8807,7 +9150,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 Transforms46 } from "slate";
 var TrailingBlockPlugin = createPlugin(
   (editor) => {
     editor.allowTrailingBlock = true;
@@ -8815,19 +9158,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)) {
+            Transforms46.insertNodes(
               editor,
               { type: "paragraph", children: [{ text: "" }] },
               {
-                at: Path15.next(lastPath)
+                at: Path16.next(lastPath)
               }
             );
           }
@@ -8839,11 +9182,11 @@ var TrailingBlockPlugin = createPlugin(
 );
 
 // src/paste-markdown-plugin/methods/index.ts
-import { Transforms as Transforms45 } from "slate";
+import { Transforms as Transforms47 } from "slate";
 function pasteMarkdown(editor, markdown) {
   const escapedMarkdown = escapeUrlSlashes(markdown);
   const fragment = parse(escapedMarkdown);
-  Transforms45.insertNodes(editor, fragment);
+  Transforms47.insertNodes(editor, fragment);
 }
 function createPasteMarkdownMethods(editor) {
   return {
@@ -8875,7 +9218,7 @@ var PasteMarkdownPlugin = createPlugin(
 );
 
 // src/placeholder-plugin/index.tsx
-import { jsx as jsx63 } from "react/jsx-runtime";
+import { jsx as jsx64 } from "react/jsx-runtime";
 function renderPlaceholder(props) {
   const nextAttributes = {
     ...props.attributes,
@@ -8885,7 +9228,7 @@ function renderPlaceholder(props) {
       maxWidth: void 0
     }
   };
-  return /* @__PURE__ */ jsx63("span", { ...nextAttributes, children: props.children });
+  return /* @__PURE__ */ jsx64("span", { ...nextAttributes, children: props.children });
 }
 var PlaceholderPlugin = createPlugin(
   (editor, _options, { createPolicy }) => {
@@ -8900,7 +9243,7 @@ var PlaceholderPlugin = createPlugin(
 );
 
 // src/entry/plugins.ts
-var plugins = [
+var defaultPlugins = [
   PasteMarkdownPlugin,
   ConvertElementPlugin,
   AnchorPlugin,
@@ -8909,6 +9252,7 @@ var plugins = [
   InlineCodePlugin,
   BlockQuotePlugin,
   CodeBlockPlugin,
+  HtmlBlockPlugin,
   TablePlugin,
   HorizontalRulePlugin,
   TrailingBlockPlugin,
@@ -8923,21 +9267,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 Transforms48 } 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 +9300,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 +9317,7 @@ function useEditor({
       const documentValue = parse(escapedMarkdown);
       editor2.children = documentValue;
       editor2.selection = null;
-      Transforms46.select(editor2, Editor63.start(editor2, [0]));
+      Transforms48.select(editor2, Editor65.start(editor2, [0]));
     };
     return nextEditor;
   });
@@ -8972,9 +9325,9 @@ function useEditor({
 }
 
 // src/entry/index.tsx
-import { jsx as jsx64, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs33 } from "react/jsx-runtime";
 function renderLeaf({ children, attributes }) {
-  return /* @__PURE__ */ jsx64("span", { ...attributes, children });
+  return /* @__PURE__ */ jsx65("span", { ...attributes, children });
 }
 function Editable2({
   editor,
@@ -8986,16 +9339,16 @@ 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(
       () => {
-        const markdown = serialize(editor.children);
+        const markdown = unescapeUrlSlashes(serialize(editor.children));
         editor.wysimark.prevValue = {
           markdown,
           children: editor.children
@@ -9015,9 +9368,6 @@ function Editable2({
         prevValueRef.current = nextValue;
         return;
       }
-      if (prevValueRef.current === nextValue) {
-        return;
-      }
       prevValueRef.current = nextValue;
       onThrottledSlateChange();
     },
@@ -9048,7 +9398,7 @@ function Editable2({
         const documentValue = parse(valueToProcess);
         editor.children = documentValue;
         editor.selection = null;
-        Transforms47.select(editor, Editor64.start(editor, [0]));
+        Transforms49.select(editor, Editor66.start(editor, [0]));
       }
     }
   }
@@ -9082,10 +9432,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(
+  return /* @__PURE__ */ jsxs33("div", { style: { position: "relative" }, children: [
+    isRawMode && /* @__PURE__ */ jsx65("div", { style: { position: "absolute", top: "5px", right: "25px", zIndex: 10 }, children: /* @__PURE__ */ jsx65(
       "div",
       {
         onClick: handleRawModeToggle,
@@ -9111,10 +9463,10 @@ function Editable2({
             e.preventDefault();
           }
         },
-        children: /* @__PURE__ */ jsx64("span", { style: { color: "#4a90e2", fontSize: "1.25em" }, children: /* @__PURE__ */ jsx64(VisualEditor, {}) })
+        children: /* @__PURE__ */ jsx65("span", { style: { color: "#4a90e2", fontSize: "1.25em" }, children: /* @__PURE__ */ jsx65(VisualEditor, {}) })
       }
     ) }),
-    /* @__PURE__ */ jsx64("div", { style: { display: isRawMode ? "block" : "none", textAlign: "center" }, children: /* @__PURE__ */ jsx64(
+    /* @__PURE__ */ jsx65("div", { style: { display: isRawMode ? "block" : "none", textAlign: "center" }, children: /* @__PURE__ */ jsx65(
       "textarea",
       {
         value: unescapeUrlSlashes(rawText).replace(/&nbsp;/g, ""),
@@ -9139,13 +9491,13 @@ function Editable2({
         }
       }
     ) }),
-    /* @__PURE__ */ jsx64("div", { style: { display: isRawMode ? "none" : "block" }, children: /* @__PURE__ */ jsx64(
+    /* @__PURE__ */ jsx65("div", { style: { display: isRawMode ? "none" : "block" }, children: /* @__PURE__ */ jsx65(
       Slate2,
       {
         editor,
         initialValue: initialValueRef.current ?? editor.children,
         onChange: onSlateChange,
-        children: /* @__PURE__ */ jsx64(
+        children: /* @__PURE__ */ jsx65(
           SinkEditable2,
           {
             renderLeaf,
@@ -9162,13 +9514,13 @@ function Editable2({
 }
 
 // src/index.tsx
-import { jsx as jsx65 } from "react/jsx-runtime";
+import { jsx as jsx66 } 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 +9546,7 @@ function StandaloneEditor({
     },
     [editor]
   );
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx66(
     Editable2,
     {
       editor,
@@ -9209,7 +9561,7 @@ function createWysimark(containerElement, options) {
   const standaloneMethodsRef = createRef();
   const root = createRoot(containerElement);
   root.render(
-    /* @__PURE__ */ jsx65(
+    /* @__PURE__ */ jsx66(
       StandaloneEditor,
       {
         standaloneMethodsRef,