wysimark-lite 0.23.0 → 0.24.0

package/dist/index.mjs

@@ -13,7 +13,7 @@ import { createRoot } from "react-dom/client";
 // src/entry/index.tsx
 import throttle3 from "lodash.throttle";
 import { useCallback as useCallback16, useRef as useRef12, useState as useState13 } from "react";
-import { Editor as Editor66, Transforms as Transforms48 } from "slate";
+import { Editor as Editor66, Transforms as Transforms49 } from "slate";
 import { ReactEditor as ReactEditor18, Slate as Slate2 } from "slate-react";
 
 // src/convert/parse/index.ts
@@ -642,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: "" }]
     }
   ];
 }
@@ -1516,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);
 }
@@ -5315,6 +5316,97 @@ var CodeBlockPlugin = createPlugin(
   }
 );
 
+// 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 });
+          }
+        }
+      }
+    });
+  }
+);
+
 // src/collapsible-paragraph-plugin/index.tsx
 import { Editor as Editor32 } from "slate";
 
@@ -5322,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";
 }
@@ -5331,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;
@@ -5339,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;
@@ -5351,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",
@@ -5381,8 +5473,8 @@ 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: 0;
   &:first-child {
@@ -5421,7 +5513,7 @@ function getIsEmpty(element) {
 }
 
 // src/collapsible-paragraph-plugin/render-element/paragraph.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function Paragraph({
   element,
   attributes,
@@ -5429,7 +5521,7 @@ function Paragraph({
 }) {
   const selected = useSelected5();
   const isEmpty = getIsEmpty(element);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx35(
     $Paragraph,
     {
       ...attributes,
@@ -5444,7 +5536,7 @@ function Paragraph({
 }
 
 // src/collapsible-paragraph-plugin/index.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var CollapsibleParagraphPlugin = createPlugin((editor) => {
   const { insertBreak: insertBreak3 } = editor;
   editor.insertBreak = () => {
@@ -5491,7 +5583,7 @@ var CollapsibleParagraphPlugin = createPlugin((editor) => {
       renderElement: ({ element, attributes, children }) => {
         switch (element.type) {
           case "paragraph": {
-            return /* @__PURE__ */ jsx34(Paragraph, { element, attributes, children });
+            return /* @__PURE__ */ jsx36(Paragraph, { element, attributes, children });
           }
         }
       },
@@ -5512,7 +5604,7 @@ function addConvertElementType(editor, type) {
 }
 
 // src/convert-element-plugin/methods/convert-elements.ts
-import { Editor as Editor33, Element as Element20, Node as Node13, Point, Range as Range5, 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);
@@ -5547,7 +5639,7 @@ function restoreSelectionInElement(editor, elementPath, offset) {
       currentOffset += nodeLength;
     }
     const point = { path: targetPath, offset: targetOffset };
-    Transforms24.select(editor, { anchor: point, focus: point });
+    Transforms25.select(editor, { anchor: point, focus: point });
   } catch {
   }
 }
@@ -5618,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] }
@@ -5637,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] }
@@ -5752,7 +5844,7 @@ function convertElements(editor, matchForToggle, targetElement, allowToggle) {
             }
             currentOffset += nodeLength;
           }
-          Transforms24.select(editor, {
+          Transforms25.select(editor, {
             anchor: { path: anchorPath, offset: anchorOffset },
             focus: { path: focusPath, offset: focusOffset }
           });
@@ -5792,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)
@@ -5804,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)
   });
@@ -5842,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 {
@@ -5850,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 jsx35 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 var HeadingPlugin = createPlugin(
   (editor) => {
     editor.convertElement.addConvertElementType("heading");
@@ -5908,17 +6000,17 @@ var HeadingPlugin = createPlugin(
           if (element.type === "heading") {
             switch (element.level) {
               case 1:
-                return /* @__PURE__ */ jsx35($H1, { ...attributes, children });
+                return /* @__PURE__ */ jsx37($H1, { ...attributes, children });
               case 2:
-                return /* @__PURE__ */ jsx35($H2, { ...attributes, children });
+                return /* @__PURE__ */ jsx37($H2, { ...attributes, children });
               case 3:
-                return /* @__PURE__ */ jsx35($H3, { ...attributes, children });
+                return /* @__PURE__ */ jsx37($H3, { ...attributes, children });
               case 4:
-                return /* @__PURE__ */ jsx35($H4, { ...attributes, children });
+                return /* @__PURE__ */ jsx37($H4, { ...attributes, children });
               case 5:
-                return /* @__PURE__ */ jsx35($H5, { ...attributes, children });
+                return /* @__PURE__ */ jsx37($H5, { ...attributes, children });
               case 6:
-                return /* @__PURE__ */ jsx35($H6, { ...attributes, children });
+                return /* @__PURE__ */ jsx37($H6, { ...attributes, children });
               default: {
                 const exhaustiveCheck = element.level;
                 throw new Error(
@@ -5944,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); */
@@ -5978,15 +6070,15 @@ var $HorizontalRule = styled26("hr")`
 `;
 
 // src/horizontal-rule-plugin/horizontal-rule.tsx
-import { jsx as jsx36, 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__ */ jsx36("div", { contentEditable: false, children: /* @__PURE__ */ jsx36($HorizontalRule, { className: selected ? "--selected" : "" }) })
+    /* @__PURE__ */ jsx38("div", { contentEditable: false, children: /* @__PURE__ */ jsx38($HorizontalRule, { className: selected ? "--selected" : "" }) })
   ] });
 }
 
@@ -6004,7 +6096,7 @@ function createHorizontalRuleMethods(editor) {
 }
 
 // src/horizontal-rule-plugin/index.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var HorizontalRulePlugin = createPlugin(
   (editor, _options, { createPolicy }) => {
     editor.horizontalRule = createHorizontalRuleMethods(editor);
@@ -6019,7 +6111,7 @@ var HorizontalRulePlugin = createPlugin(
       editableProps: {
         renderElement: (props) => {
           if (props.element.type === "horizontal-rule") {
-            return /* @__PURE__ */ jsx37(HorizontalRule, { ...props });
+            return /* @__PURE__ */ jsx39(HorizontalRule, { ...props });
           }
         },
         onKeyDown: createHotkeyHandler({
@@ -6031,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);
@@ -6054,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;
@@ -6062,7 +6154,7 @@ var $InvisibleSpan = styled27("span")`
 `;
 
 // src/inline-code-plugin/index.tsx
-import { jsx as jsx38, 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)
@@ -6081,10 +6173,10 @@ var InlineCodePlugin = createPlugin(
               /**
                * Disable spellCheck because it's computer code usually.
                */
-              /* @__PURE__ */ jsxs18($InlineCode, { spellCheck: false, children: [
-                /* @__PURE__ */ jsx38($InvisibleSpan, { contentEditable: false, children: "|" }),
+              /* @__PURE__ */ jsxs19($InlineCode, { spellCheck: false, children: [
+                /* @__PURE__ */ jsx40($InvisibleSpan, { contentEditable: false, children: "|" }),
                 children,
-                /* @__PURE__ */ jsx38($InvisibleSpan, { contentEditable: false, children: "|" })
+                /* @__PURE__ */ jsx40($InvisibleSpan, { contentEditable: false, children: "|" })
               ] })
             );
           } else {
@@ -6184,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)
@@ -6192,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;
 }
@@ -6231,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,
@@ -6241,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] }
@@ -6267,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"
 ]);
@@ -6280,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;
@@ -6301,13 +6393,13 @@ import { useEffect as useEffect5 } from "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;
 `;
-var $UnorderedListItem = styled28($ListItem)`
+var $UnorderedListItem = styled29($ListItem)`
   position: relative;
   list-style-type: none;
   .--list-item-icon {
@@ -6318,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);
@@ -6344,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 {
@@ -6361,7 +6453,7 @@ var $TaskListItem = styled28($ListItem)`
 `;
 
 // src/list-plugin/render-element/ordered-list-item.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 function OrderedListItem({
   element,
   attributes,
@@ -6377,7 +6469,7 @@ function OrderedListItem({
     "--list-item-var": `list-item-depth-${element.depth}`
   };
   const className = clsx6({ "--first-at-depth": element.__firstAtDepth });
-  return /* @__PURE__ */ jsx39($OrderedListItem, { ...attributes, className, style, children });
+  return /* @__PURE__ */ jsx41($OrderedListItem, { ...attributes, className, style, children });
 }
 
 // src/list-plugin/render-element/task-list-item.tsx
@@ -6385,8 +6477,8 @@ import { useCallback as useCallback10 } from "react";
 import { useSlateStatic as useSlateStatic13 } from "slate-react";
 
 // src/list-plugin/render-element/list-icons.tsx
-import { jsx as jsx40, 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",
@@ -6400,12 +6492,12 @@ var UncheckedIcon = (props) => /* @__PURE__ */ jsxs19(
     viewBox: "0 0 24 24",
     ...props,
     children: [
-      /* @__PURE__ */ jsx40("path", { d: "M0 0h24v24H0z", stroke: "none" }),
-      /* @__PURE__ */ jsx40("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",
@@ -6420,13 +6512,13 @@ var CheckedIcon = (props) => /* @__PURE__ */ jsxs19(
     viewBox: "0 0 24 24",
     ...props,
     children: [
-      /* @__PURE__ */ jsx40("path", { d: "M0 0h24v24H0z", stroke: "none" }),
-      /* @__PURE__ */ jsx40("path", { d: "m9 11 3 3 8-8", className: "--checkmark" }),
-      /* @__PURE__ */ jsx40("path", { d: "M20 12v6a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h9" })
+      /* @__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__ */ jsx40(
+var BulletIcon = (props) => /* @__PURE__ */ jsx42(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6435,12 +6527,12 @@ var BulletIcon = (props) => /* @__PURE__ */ jsx40(
     width: "1em",
     height: "1em",
     ...props,
-    children: /* @__PURE__ */ jsx40("path", { d: "M12 8.25a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5z" })
+    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 jsx41, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs21 } from "react/jsx-runtime";
 function TaskListItem({
   element,
   attributes,
@@ -6451,28 +6543,28 @@ function TaskListItem({
     editor.list.toggleTaskListItem({ at: element });
   }, [editor, element]);
   const marginLeft = `${2 + element.depth * 2}em`;
-  return /* @__PURE__ */ jsxs20($TaskListItem, { ...attributes, style: { marginLeft }, children: [
-    /* @__PURE__ */ jsx41("div", { className: "--list-item-icon", contentEditable: false, children: element.checked ? /* @__PURE__ */ jsx41(CheckedIcon, { onClick: toggle, style: { cursor: "pointer" } }) : /* @__PURE__ */ jsx41(UncheckedIcon, { onClick: toggle, style: { cursor: "pointer" } }) }),
+  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 jsx42, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs22 } from "react/jsx-runtime";
 function UnorderedListItem({
   element,
   attributes,
   children
 }) {
   const marginLeft = `${2 + element.depth * 2}em`;
-  return /* @__PURE__ */ jsxs21($UnorderedListItem, { ...attributes, style: { marginLeft }, children: [
-    /* @__PURE__ */ jsx42("div", { className: "--list-item-icon", contentEditable: false, children: /* @__PURE__ */ jsx42(BulletIcon, {}) }),
+  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 jsx43 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function renderElement3({
   element,
   attributes,
@@ -6480,11 +6572,11 @@ function renderElement3({
 }) {
   switch (element.type) {
     case "ordered-list-item":
-      return /* @__PURE__ */ jsx43(OrderedListItem, { element, attributes, children });
+      return /* @__PURE__ */ jsx45(OrderedListItem, { element, attributes, children });
     case "unordered-list-item":
-      return /* @__PURE__ */ jsx43(UnorderedListItem, { element, attributes, children });
+      return /* @__PURE__ */ jsx45(UnorderedListItem, { element, attributes, children });
     case "task-list-item":
-      return /* @__PURE__ */ jsx43(TaskListItem, { element, attributes, children });
+      return /* @__PURE__ */ jsx45(TaskListItem, { element, attributes, children });
   }
 }
 
@@ -6549,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;
@@ -6567,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
@@ -6619,8 +6711,8 @@ function createMarksMethods(editor) {
 }
 
 // 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;
   }
@@ -6646,7 +6738,7 @@ var $MarksSpan = styled29("span")`
 `;
 
 // src/marks-plugin/index.tsx
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 var MarksPlugin = createPlugin((editor) => {
   editor.marksPlugin = createMarksMethods(editor);
   editor.activeMarks = {};
@@ -6686,7 +6778,7 @@ var MarksPlugin = createPlugin((editor) => {
     name: "marks",
     editableProps: {
       renderLeaf: ({ leaf, children }) => {
-        return /* @__PURE__ */ jsx44(
+        return /* @__PURE__ */ jsx46(
           $MarksSpan,
           {
             className: clsx7({
@@ -6759,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";
@@ -6814,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 Transforms40 } from "slate";
+import { Transforms as Transforms41 } from "slate";
 
 // src/table-plugin/methods/get-table-info.ts
 function getTableInfo(editor, { at = editor.selection } = {}) {
@@ -6860,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 = [
@@ -6886,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]
       });
     });
@@ -6897,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",
@@ -6909,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;
@@ -6919,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()];
 }
@@ -6953,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;
@@ -7043,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;
 }
 
@@ -7067,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]
       });
     });
@@ -7078,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)
@@ -7093,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,
@@ -7107,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)
@@ -7115,12 +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 Transforms39 } from "slate";
+import { Path as Path15, Transforms as Transforms40 } from "slate";
 function tabForward(editor) {
   const t2 = getTableInfo(editor);
   if (!t2)
@@ -7135,7 +7227,7 @@ function tabForward(editor) {
     return true;
   }
   const nextPath = Path15.next(tablePath);
-  Transforms39.insertNodes(
+  Transforms40.insertNodes(
     editor,
     { type: "paragraph", children: [{ text: "" }] },
     { at: nextPath }
@@ -7199,12 +7291,12 @@ function selectCell(editor, { at = editor.selection } = {}) {
   if (t2 === void 0)
     return false;
   const { cellPath } = t2;
-  Transforms40.select(editor, cellPath);
+  Transforms41.select(editor, cellPath);
   return true;
 }
 
 // src/table-plugin/normalize/normalize-table.ts
-import { Transforms as Transforms41 } from "slate";
+import { Transforms as Transforms42 } from "slate";
 function normalizeTableIndexes(editor, entry) {
   let isTransformed = false;
   const rowElements = entry[0].children;
@@ -7212,7 +7304,7 @@ function normalizeTableIndexes(editor, entry) {
     const cellElements = rowElement.children;
     cellElements.forEach((cellElement, x) => {
       if (cellElement.x !== x || cellElement.y !== y) {
-        Transforms41.setNodes(editor, { x, y }, { at: [...entry[1], y, x] });
+        Transforms42.setNodes(editor, { x, y }, { at: [...entry[1], y, x] });
         isTransformed = true;
       }
     });
@@ -7221,14 +7313,14 @@ function normalizeTableIndexes(editor, entry) {
 }
 
 // src/table-plugin/normalize/normalize-table-cell.ts
-import { Editor as Editor58, Transforms as Transforms42 } 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;
   }
   Editor58.withoutNormalizing(editor, () => {
-    Transforms42.insertNodes(
+    Transforms43.insertNodes(
       editor,
       {
         type: "table-content",
@@ -7237,9 +7329,9 @@ function normalizeTableCell(editor, entry) {
       { at: [...entry[1], 0] }
     );
     for (let i = node.children.length; i >= 0; i--) {
-      Transforms42.mergeNodes(editor, { at: [...path, i] });
+      Transforms43.mergeNodes(editor, { at: [...path, i] });
     }
-    Transforms42.delete(editor, {
+    Transforms43.delete(editor, {
       at: { path: [...path, 0, 0], offset: 0 },
       unit: "character"
     });
@@ -7252,11 +7344,11 @@ import { useEffect as useEffect6 } from "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
@@ -7281,7 +7373,7 @@ var $BaseMenu = styled30("div")`
     }
   }
 `;
-var $ColumnMenu = styled30($BaseMenu)`
+var $ColumnMenu = styled31($BaseMenu)`
   cursor: pointer;
   /**
    * hangs out on top
@@ -7292,7 +7384,7 @@ var $ColumnMenu = styled30($BaseMenu)`
   height: 3em;
   top: -3em;
 `;
-var $RowMenu = styled30($BaseMenu)`
+var $RowMenu = styled31($BaseMenu)`
   /**
    * hangs out on left
    */
@@ -7301,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);
@@ -7314,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;
@@ -7341,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;
@@ -7368,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;
@@ -7378,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;
@@ -7392,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;
@@ -7426,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
    */
@@ -7447,7 +7539,7 @@ var TableContext = createContext2({
 });
 
 // src/table-plugin/render-element/table.tsx
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 function Table({
   element,
   attributes,
@@ -7459,7 +7551,7 @@ function Table({
     const path = ReactEditor12.findPath(editor, element);
     normalizeTableIndexes(editor, [element, path]);
   }, []);
-  return /* @__PURE__ */ jsx45(TableContext.Provider, { value: { isSelected }, children: /* @__PURE__ */ jsx45($Table, { ...attributes, columns: element.columns, children: /* @__PURE__ */ jsx45("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
@@ -7471,8 +7563,8 @@ import { useCallback as useCallback11, useRef as useRef5, useState as useState6
 import { useSlateStatic as useSlateStatic15 } from "slate-react";
 
 // src/table-plugin/icons.tsx
-import { jsx as jsx46 } from "react/jsx-runtime";
-var PlusIcon = (props) => /* @__PURE__ */ jsx46(
+import { jsx as jsx48 } from "react/jsx-runtime";
+var PlusIcon = (props) => /* @__PURE__ */ jsx48(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7481,7 +7573,7 @@ var PlusIcon = (props) => /* @__PURE__ */ jsx46(
     width: "1em",
     height: "1em",
     ...props,
-    children: /* @__PURE__ */ jsx46(
+    children: /* @__PURE__ */ jsx48(
       "path",
       {
         fillRule: "evenodd",
@@ -7491,7 +7583,7 @@ var PlusIcon = (props) => /* @__PURE__ */ jsx46(
     )
   }
 );
-var MinusIcon = (props) => /* @__PURE__ */ jsx46(
+var MinusIcon = (props) => /* @__PURE__ */ jsx48(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7500,7 +7592,7 @@ var MinusIcon = (props) => /* @__PURE__ */ jsx46(
     width: "1em",
     height: "1em",
     ...props,
-    children: /* @__PURE__ */ jsx46(
+    children: /* @__PURE__ */ jsx48(
       "path",
       {
         fillRule: "evenodd",
@@ -7510,13 +7602,13 @@ var MinusIcon = (props) => /* @__PURE__ */ jsx46(
     )
   }
 );
-var BarsIcon = () => /* @__PURE__ */ jsx46(TablerIcon, { children: /* @__PURE__ */ jsx46("path", { d: "M4 6h16M4 12h16M4 18h16" }) });
-var AlignLeft = () => /* @__PURE__ */ jsx46(TablerIcon, { children: /* @__PURE__ */ jsx46("path", { d: "M4 6h16M4 12h10M4 18h14" }) });
-var AlignCenter = () => /* @__PURE__ */ jsx46(TablerIcon, { children: /* @__PURE__ */ jsx46("path", { d: "M4 6h16M8 12h8M6 18h12" }) });
-var AlignRight = () => /* @__PURE__ */ jsx46(TablerIcon, { children: /* @__PURE__ */ jsx46("path", { d: "M4 6h16M10 12h10M6 18h14" }) });
+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 jsx47, 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 = useSlateStatic15();
   const menu = useLayer("column-menu");
@@ -7557,9 +7649,9 @@ function ColumnMenu({ cellElement }) {
         }
       }
     ];
-    menu.open(() => /* @__PURE__ */ jsx47(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,
@@ -7568,9 +7660,9 @@ function ColumnMenu({ cellElement }) {
       onMouseEnter,
       onMouseLeave,
       children: [
-        /* @__PURE__ */ jsx47($ColumnMenuTile, { className: "--tile", children: /* @__PURE__ */ jsx47(BarsIcon, {}) }),
-        hover ? /* @__PURE__ */ jsxs22(Fragment4, { children: [
-          /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx49($ColumnMenuTile, { className: "--tile", children: /* @__PURE__ */ jsx49(BarsIcon, {}) }),
+        hover ? /* @__PURE__ */ jsxs23(Fragment4, { children: [
+          /* @__PURE__ */ jsx49(
             $RemoveMenuButton,
             {
               style: {
@@ -7579,23 +7671,23 @@ function ColumnMenu({ cellElement }) {
                 marginLeft: "-0.5em"
               },
               onMouseDown: () => editor.tablePlugin.removeColumn({ at: cellElement }),
-              children: /* @__PURE__ */ jsx47(MinusIcon, {})
+              children: /* @__PURE__ */ jsx49(MinusIcon, {})
             }
           ),
-          /* @__PURE__ */ jsx47(
+          /* @__PURE__ */ jsx49(
             $AddMenuButton,
             {
               style: { left: "-0.5em", top: 0 },
               onMouseDown: () => editor.tablePlugin.insertColumn({ at: cellElement }),
-              children: /* @__PURE__ */ jsx47(PlusIcon, {})
+              children: /* @__PURE__ */ jsx49(PlusIcon, {})
             }
           ),
-          /* @__PURE__ */ jsx47(
+          /* @__PURE__ */ jsx49(
             $AddMenuButton,
             {
               style: { right: "-0.5em", top: 0 },
               onMouseDown: () => editor.tablePlugin.insertColumn({ at: cellElement, offset: 1 }),
-              children: /* @__PURE__ */ jsx47(PlusIcon, {})
+              children: /* @__PURE__ */ jsx49(PlusIcon, {})
             }
           )
         ] }) : null
@@ -7607,20 +7699,20 @@ function ColumnMenu({ cellElement }) {
 // src/table-plugin/render-element/table-cell/row-menu/index.tsx
 import { useState as useState7 } from "react";
 import { useSlateStatic as useSlateStatic16 } from "slate-react";
-import { Fragment as Fragment5, jsx as jsx48, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx50, jsxs as jsxs24 } from "react/jsx-runtime";
 function RowMenu({ cellElement }) {
   const editor = useSlateStatic16();
   const [hover, setHover] = useState7(false);
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     $RowMenu,
     {
       contentEditable: false,
       onMouseEnter: () => setHover(true),
       onMouseLeave: () => setHover(false),
       children: [
-        /* @__PURE__ */ jsx48($RowMenuTile, { className: "--tile", children: /* @__PURE__ */ jsx48(BarsIcon, {}) }),
-        hover ? /* @__PURE__ */ jsxs23(Fragment5, { children: [
-          /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsx50($RowMenuTile, { className: "--tile", children: /* @__PURE__ */ jsx50(BarsIcon, {}) }),
+        hover ? /* @__PURE__ */ jsxs24(Fragment5, { children: [
+          /* @__PURE__ */ jsx50(
             $RemoveMenuButton,
             {
               style: {
@@ -7629,23 +7721,23 @@ function RowMenu({ cellElement }) {
                 marginTop: "-0.5em"
               },
               onMouseDown: () => editor.tablePlugin.removeRow({ at: cellElement }),
-              children: /* @__PURE__ */ jsx48(MinusIcon, {})
+              children: /* @__PURE__ */ jsx50(MinusIcon, {})
             }
           ),
-          /* @__PURE__ */ jsx48(
+          /* @__PURE__ */ jsx50(
             $AddMenuButton,
             {
               style: { top: "-0.5em", left: "0.5em" },
               onMouseDown: () => editor.tablePlugin.insertRow({ at: cellElement }),
-              children: /* @__PURE__ */ jsx48(PlusIcon, {})
+              children: /* @__PURE__ */ jsx50(PlusIcon, {})
             }
           ),
-          /* @__PURE__ */ jsx48(
+          /* @__PURE__ */ jsx50(
             $AddMenuButton,
             {
               style: { bottom: "-0.5em", left: "0.5em" },
               onMouseDown: () => editor.tablePlugin.insertRow({ at: cellElement, offset: 1 }),
-              children: /* @__PURE__ */ jsx48(PlusIcon, {})
+              children: /* @__PURE__ */ jsx50(PlusIcon, {})
             }
           )
         ] }) : null
@@ -7655,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
@@ -7689,7 +7781,7 @@ var $TableMenu = styled32("div")`
     }
   }
 `;
-var $TableMenuTile = styled32("div")`
+var $TableMenuTile = styled33("div")`
   position: absolute;
   left: 0;
   top: 0;
@@ -7700,13 +7792,13 @@ var $TableMenuTile = styled32("div")`
 `;
 
 // src/table-plugin/render-element/table-cell/table-menu/index.tsx
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 function TableMenu() {
-  return /* @__PURE__ */ jsx49($TableMenu, { contentEditable: false, children: /* @__PURE__ */ jsx49($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 jsx50, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs25 } from "react/jsx-runtime";
 function TableCell({
   element,
   attributes,
@@ -7717,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" : "",
@@ -7726,34 +7818,34 @@ function TableCell({
       "data-y": element.y,
       children: [
         children,
-        showTableMenu ? /* @__PURE__ */ jsx50(TableMenu, {}) : null,
-        showRowMenu ? /* @__PURE__ */ jsx50(RowMenu, { cellElement: element }) : null,
-        showColumnMenu ? /* @__PURE__ */ jsx50(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 jsx51 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 function TableContent({
   attributes,
   children
 }) {
-  return /* @__PURE__ */ jsx51($TableContent, { ...attributes, children });
+  return /* @__PURE__ */ jsx53($TableContent, { ...attributes, children });
 }
 
 // src/table-plugin/render-element/table-row.tsx
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 function TableRow({
   attributes,
   children
 }) {
-  return /* @__PURE__ */ jsx52($TableRow, { ...attributes, children });
+  return /* @__PURE__ */ jsx54($TableRow, { ...attributes, children });
 }
 
 // src/table-plugin/render-element/index.tsx
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 function renderElement4({
   element,
   attributes,
@@ -7761,13 +7853,13 @@ function renderElement4({
 }) {
   switch (element.type) {
     case "table":
-      return /* @__PURE__ */ jsx53(Table, { element, attributes, children });
+      return /* @__PURE__ */ jsx55(Table, { element, attributes, children });
     case "table-row":
-      return /* @__PURE__ */ jsx53(TableRow, { element, attributes, children });
+      return /* @__PURE__ */ jsx55(TableRow, { element, attributes, children });
     case "table-cell":
-      return /* @__PURE__ */ jsx53(TableCell, { element, attributes, children });
+      return /* @__PURE__ */ jsx55(TableCell, { element, attributes, children });
     case "table-content":
-      return /* @__PURE__ */ jsx53(TableContent, { element, attributes, children });
+      return /* @__PURE__ */ jsx55(TableContent, { element, attributes, children });
   }
 }
 
@@ -7911,16 +8003,16 @@ var globalStyles = css2`
 `;
 
 // src/theme-plugin/index.tsx
-import { Fragment as Fragment6, jsx as jsx54, 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__ */ jsx54(Global, { styles: globalStyles }),
-        /* @__PURE__ */ jsx54(Editable3, { ...attributes })
+      return /* @__PURE__ */ jsxs26(Fragment6, { children: [
+        /* @__PURE__ */ jsx56(Global, { styles: globalStyles }),
+        /* @__PURE__ */ jsx56(Editable3, { ...attributes })
       ] });
     },
     editableProps: {}
@@ -7930,7 +8022,7 @@ var ThemePlugin = createPlugin((editor) => {
 // src/toolbar-plugin/render-editable/index.tsx
 import { clsx as clsx10 } from "clsx";
 import { useCallback as useCallback15, useRef as useRef11 } from "react";
-import { Editor as Editor62, Transforms as Transforms44 } from "slate";
+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
@@ -7939,17 +8031,17 @@ import { useCallback as useCallback12, useRef as useRef6, useState as useState8
 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;
@@ -7962,7 +8054,7 @@ var $TableDialogGridCell = styled33("div")`
 `;
 
 // src/toolbar-plugin/components/dialog/table-dialog.tsx
-import { Fragment as Fragment7, jsx as jsx55, 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()];
 }
@@ -7992,12 +8084,12 @@ function TableDialog({
     },
     [editor]
   );
-  return /* @__PURE__ */ jsxs26(Fragment7, { children: [
-    /* @__PURE__ */ jsx55(CloseMask, { close }),
-    /* @__PURE__ */ jsx55($TableDialog, { ref, style, children: /* @__PURE__ */ jsx55($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__ */ jsx55(
+        return /* @__PURE__ */ jsx57(
           $TableDialogGridCell,
           {
             className: clsx8({ "--selected": selected }),
@@ -8017,62 +8109,62 @@ import { useEffect as useEffect8, useRef as useRef10, useState as useState11 } f
 import { useSlateStatic as useSlateStatic21 } from "slate-react";
 
 // src/toolbar-plugin/icons.tsx
-import { jsx as jsx56, jsxs as jsxs27 } from "react/jsx-runtime";
-var H = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M7 12h10M7 5v14M17 5v14M15 19h4M15 5h4M5 19h4M5 5h4" }) });
-var More = () => /* @__PURE__ */ jsx56(TablerIcon, { className: "--more-icon", width: "0.5em", viewBox: "0 0 12 24", children: /* @__PURE__ */ jsx56("path", { d: "m2 12 4 4 4-4" }) });
-var LinkPlus = () => /* @__PURE__ */ jsx56(TablerIcon, { width: "0.5em", viewBox: "6 0 12 24", children: /* @__PURE__ */ jsx56("path", { d: "M9 12h6M12 9v6" }) });
-var H1 = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M19 18v-8l-2 2M4 6v12M12 6v12M11 18h2M3 18h2M4 12h8M3 6h2M11 6h2" }) });
-var H2 = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M17 12a2 2 0 1 1 4 0c0 .591-.417 1.318-.816 1.858L17 18.001h4M4 6v12M12 6v12M11 18h2M3 18h2M4 12h8M3 6h2M11 6h2" }) });
-var H3 = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M19 14a2 2 0 1 0-2-2M17 16a2 2 0 1 0 2-2M4 6v12M12 6v12M11 18h2M3 18h2M4 12h8M3 6h2M11 6h2" }) });
-var Normal = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M8 18V6h2l6 9V6h2v12h-2l-6-9v9H8z" }) });
-var Bold = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M7 5h6a3.5 3.5 0 0 1 0 7H7zM13 12h1a3.5 3.5 0 0 1 0 7H7v-7" }) });
-var Italic = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M11 5h6M7 19h6M14 5l-4 14" }) });
-var Link = () => /* @__PURE__ */ jsxs27(TablerIcon, { children: [
-  /* @__PURE__ */ jsx56("path", { d: "M10 14a3.5 3.5 0 0 0 5 0l4-4a3.5 3.5 0 0 0-5-5l-.5.5" }),
-  /* @__PURE__ */ jsx56("path", { d: "M14 10a3.5 3.5 0 0 0-5 0l-4 4a3.5 3.5 0 0 0 5 5l.5-.5" })
+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__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M10 11H6a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v6c0 2.667-1.333 4.333-4 5M19 11h-4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v6c0 2.667-1.333 4.333-4 5" }) });
-var DoubleQuote = () => /* @__PURE__ */ jsxs27(TablerIcon, { children: [
-  /* @__PURE__ */ jsx56("path", { d: "M10 9l4 3-4 3" }),
-  /* @__PURE__ */ jsx56("path", { d: "M16 9l4 3-4 3" })
+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 BulletList = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M9 6h11M9 12h11M9 18h11M5 6v.01M5 12v.01M5 18v.01" }) });
-var Table2 = () => /* @__PURE__ */ jsxs27(TablerIcon, { children: [
-  /* @__PURE__ */ jsx56("rect", { x: 4, y: 4, width: 16, height: 16, rx: 2 }),
-  /* @__PURE__ */ jsx56("path", { d: "M4 10h16M10 4v16" })
+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 Code = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "m7 8-4 4 4 4M17 8l4 4-4 4M14 4l-4 16" }) });
-var CodeBlock2 = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M9 8L5 12L9 16M15 8L19 12L15 16" }) });
-var Image = () => /* @__PURE__ */ jsxs27(TablerIcon, { children: [
-  /* @__PURE__ */ jsx56("path", { d: "M15 8h.01" }),
-  /* @__PURE__ */ jsx56("rect", { x: 4, y: 4, width: 16, height: 16, rx: 3 }),
-  /* @__PURE__ */ jsx56("path", { d: "m4 15 4-4a3 5 0 0 1 3 0l5 5" }),
-  /* @__PURE__ */ jsx56("path", { d: "m14 14 1-1a3 5 0 0 1 3 0l2 2" })
+var 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 Plus = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M12 5v14M5 12h14" }) });
-var Strikethrough = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M5 12h14M16 6.5A4 2 0 0 0 12 5h-1a3.5 3.5 0 0 0 0 7h2a3.5 3.5 0 0 1 0 7h-1.5a4 2 0 0 1-4-1.5" }) });
-var Underline = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M7 5v5a5 5 0 0 0 10 0V5M5 19h14" }) });
-var ListCheck = () => /* @__PURE__ */ jsxs27(TablerIcon, { children: [
-  /* @__PURE__ */ jsx56("path", { d: "m9 11 3 3 8-8" }),
-  /* @__PURE__ */ jsx56("path", { d: "M20 12v6a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h9" })
+var 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 ListNumbers = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M11 6h9M11 12h9M12 18h8M4 16a2 2 0 1 1 4 0c0 .591-.5 1-1 1.5L4 20h4M6 10V4L4 6" }) });
-var IncreaseDepth = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M4 6h16M8 12h12M12 18h8M7 12l-3-3M7 12l-3 3" }) });
-var DecreaseDepth = () => /* @__PURE__ */ jsx56(TablerIcon, { children: /* @__PURE__ */ jsx56("path", { d: "M4 6h16M8 12h12M12 18h8M4 12l3-3M4 12l3 3" }) });
-var Markdown = () => /* @__PURE__ */ jsxs27(TablerIcon, { children: [
-  /* @__PURE__ */ jsx56("path", { d: "M5 5h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2z" }),
-  /* @__PURE__ */ jsx56("path", { d: "M7 15V9l2 2 2-2v6M14 9v6h4M14 13h2" })
+var 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 VisualEditor = () => /* @__PURE__ */ jsxs27(TablerIcon, { children: [
-  /* @__PURE__ */ jsx56("path", { d: "M5 5h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2z" }),
-  /* @__PURE__ */ jsx56("path", { d: "M8 8h8M8 12h8M8 16h5" }),
-  /* @__PURE__ */ jsx56("path", { d: "M16 16h1" })
+var 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 Highlight = () => /* @__PURE__ */ jsxs27(TablerIcon, { children: [
-  /* @__PURE__ */ jsx56("path", { d: "M3 19h4L17.5 8.5a2.828 2.828 0 1 0-4-4L3 15v4" }),
-  /* @__PURE__ */ jsx56("path", { d: "m12.5 5.5 4 4" }),
-  /* @__PURE__ */ jsx56("path", { d: "M3 21h7" }),
-  /* @__PURE__ */ jsx56("path", { d: "M18 19h3M19.5 17.5v3" })
+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
@@ -8140,14 +8232,14 @@ import { useState as useState9, useRef as useRef7, useEffect as useEffect7 } fro
 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 jsx57, 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
@@ -8218,12 +8310,12 @@ function ImageUrlDialog({
     fileInputRef.current?.click();
   }
   const isSubmitDisabled = imageSource === "file" ? uploadedUrl.trim() === "" || isUploading : url.trim() === "";
-  return /* @__PURE__ */ jsxs28(Fragment8, { children: [
-    /* @__PURE__ */ jsx57(CloseMask, { close }),
-    /* @__PURE__ */ jsx57($FileDialog, { ref, style, children: /* @__PURE__ */ jsxs28("form", { onSubmit: handleSubmit, style: { padding: "8px" }, children: [
-      hasOnImageChange && /* @__PURE__ */ jsxs28("div", { style: { marginBottom: "12px" }, children: [
-        /* @__PURE__ */ jsxs28("label", { style: { display: "inline-flex", alignItems: "center", marginRight: "16px", cursor: "pointer" }, children: [
-          /* @__PURE__ */ jsx57(
+  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",
@@ -8236,8 +8328,8 @@ function ImageUrlDialog({
           ),
           t("imageSourceFile")
         ] }),
-        /* @__PURE__ */ jsxs28("label", { style: { display: "inline-flex", alignItems: "center", cursor: "pointer" }, children: [
-          /* @__PURE__ */ jsx57(
+        /* @__PURE__ */ jsxs29("label", { style: { display: "inline-flex", alignItems: "center", cursor: "pointer" }, children: [
+          /* @__PURE__ */ jsx59(
             "input",
             {
               type: "radio",
@@ -8251,9 +8343,9 @@ function ImageUrlDialog({
           t("imageSourceUrl")
         ] })
       ] }),
-      imageSource === "url" ? /* @__PURE__ */ jsxs28("div", { style: { marginBottom: "8px" }, children: [
-        /* @__PURE__ */ jsx57("label", { style: { display: "block", marginBottom: "4px" }, children: t("imageUrlRequired") }),
-        /* @__PURE__ */ jsx57(
+      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",
@@ -8269,8 +8361,8 @@ function ImageUrlDialog({
             placeholder: "https://example.com/image.jpg"
           }
         )
-      ] }) : /* @__PURE__ */ jsxs28("div", { style: { marginBottom: "8px" }, children: [
-        /* @__PURE__ */ jsx57(
+      ] }) : /* @__PURE__ */ jsxs29("div", { style: { marginBottom: "8px" }, children: [
+        /* @__PURE__ */ jsx59(
           "input",
           {
             ref: fileInputRef,
@@ -8280,7 +8372,7 @@ function ImageUrlDialog({
             style: { display: "none" }
           }
         ),
-        /* @__PURE__ */ jsx57(
+        /* @__PURE__ */ jsx59(
           "button",
           {
             type: "button",
@@ -8297,9 +8389,9 @@ function ImageUrlDialog({
             children: isUploading ? t("uploading") : t("selectFile")
           }
         ),
-        uploadedUrl && /* @__PURE__ */ jsxs28("div", { style: { marginTop: "8px" }, children: [
-          /* @__PURE__ */ jsx57("label", { style: { display: "block", marginBottom: "4px" }, children: t("imageUrlRequired") }),
-          /* @__PURE__ */ jsx57(
+        uploadedUrl && /* @__PURE__ */ jsxs29("div", { style: { marginTop: "8px" }, children: [
+          /* @__PURE__ */ jsx59("label", { style: { display: "block", marginBottom: "4px" }, children: t("imageUrlRequired") }),
+          /* @__PURE__ */ jsx59(
             "input",
             {
               type: "text",
@@ -8318,9 +8410,9 @@ function ImageUrlDialog({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs28("div", { style: { marginBottom: "8px" }, children: [
-        /* @__PURE__ */ jsx57("label", { style: { display: "block", marginBottom: "4px" }, children: t("altText") }),
-        /* @__PURE__ */ jsx57(
+      /* @__PURE__ */ jsxs29("div", { style: { marginBottom: "8px" }, children: [
+        /* @__PURE__ */ jsx59("label", { style: { display: "block", marginBottom: "4px" }, children: t("altText") }),
+        /* @__PURE__ */ jsx59(
           "input",
           {
             type: "text",
@@ -8337,9 +8429,9 @@ function ImageUrlDialog({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs28("div", { style: { marginBottom: "8px" }, children: [
-        /* @__PURE__ */ jsx57("label", { style: { display: "block", marginBottom: "4px" }, children: t("title") }),
-        /* @__PURE__ */ jsx57(
+      /* @__PURE__ */ jsxs29("div", { style: { marginBottom: "8px" }, children: [
+        /* @__PURE__ */ jsx59("label", { style: { display: "block", marginBottom: "4px" }, children: t("title") }),
+        /* @__PURE__ */ jsx59(
           "input",
           {
             type: "text",
@@ -8356,8 +8448,8 @@ function ImageUrlDialog({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs28("div", { style: { display: "flex", gap: "8px" }, children: [
-        /* @__PURE__ */ jsx57(
+      /* @__PURE__ */ jsxs29("div", { style: { display: "flex", gap: "8px" }, children: [
+        /* @__PURE__ */ jsx59(
           "button",
           {
             type: "submit",
@@ -8376,7 +8468,7 @@ function ImageUrlDialog({
             children: t("register")
           }
         ),
-        /* @__PURE__ */ jsx57(
+        /* @__PURE__ */ jsx59(
           "button",
           {
             type: "button",
@@ -8409,8 +8501,8 @@ 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;
@@ -8435,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);
@@ -8443,7 +8535,7 @@ var $DialogHint = styled35("div")`
 `;
 
 // src/toolbar-plugin/components/dialog/anchor-dialog.tsx
-import { Fragment as Fragment9, jsx as jsx58, 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,
@@ -8513,10 +8605,10 @@ function AnchorDialog2({
     e.stopPropagation();
     insertLink2();
   };
-  return /* @__PURE__ */ jsxs29(Fragment9, { children: [
-    /* @__PURE__ */ jsx58(CloseMask, { close }),
-    /* @__PURE__ */ jsxs29($AnchorDialog, { ref, style, children: [
-      /* @__PURE__ */ jsx58($AnchorDialogInputLine, { children: /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsxs30(Fragment9, { children: [
+    /* @__PURE__ */ jsx60(CloseMask, { close }),
+    /* @__PURE__ */ jsxs30($AnchorDialog, { ref, style, children: [
+      /* @__PURE__ */ jsx60($AnchorDialogInputLine, { children: /* @__PURE__ */ jsx60(
         $AnchorDialogInput,
         {
           type: "text",
@@ -8527,7 +8619,7 @@ function AnchorDialog2({
           onKeyDown
         }
       ) }),
-      /* @__PURE__ */ jsx58($AnchorDialogInputLine, { style: { marginTop: "0.5em" }, children: /* @__PURE__ */ jsx58(
+      /* @__PURE__ */ jsx60($AnchorDialogInputLine, { style: { marginTop: "0.5em" }, children: /* @__PURE__ */ jsx60(
         $AnchorDialogInput,
         {
           type: "text",
@@ -8537,8 +8629,8 @@ function AnchorDialog2({
           onKeyDown
         }
       ) }),
-      /* @__PURE__ */ jsxs29($AnchorDialogInputLine, { style: { marginTop: "0.5em" }, children: [
-        /* @__PURE__ */ jsx58(
+      /* @__PURE__ */ jsxs30($AnchorDialogInputLine, { style: { marginTop: "0.5em" }, children: [
+        /* @__PURE__ */ jsx60(
           $AnchorDialogInput,
           {
             type: "text",
@@ -8548,12 +8640,12 @@ function AnchorDialog2({
             onKeyDown
           }
         ),
-        /* @__PURE__ */ jsxs29($DialogButton, { onClick: insertLink2, children: [
-          /* @__PURE__ */ jsx58(Link, {}),
-          /* @__PURE__ */ jsx58(LinkPlus, {})
+        /* @__PURE__ */ jsxs30($DialogButton, { onClick: insertLink2, children: [
+          /* @__PURE__ */ jsx60(Link, {}),
+          /* @__PURE__ */ jsx60(LinkPlus, {})
         ] })
       ] }),
-      /* @__PURE__ */ jsx58($DialogHint, { children: t("tooltipHint") })
+      /* @__PURE__ */ jsx60($DialogHint, { children: t("tooltipHint") })
     ] })
   ] });
 }
@@ -8694,7 +8786,7 @@ var compactListItems = [
 ];
 
 // src/toolbar-plugin/items/quote-items.tsx
-import { Editor as Editor61, Transforms as Transforms43 } from "slate";
+import { Editor as Editor61, Transforms as Transforms44 } from "slate";
 var quoteItemsList = [
   {
     icon: Quote,
@@ -8724,8 +8816,8 @@ var quoteItemsList = [
       if (codeBlockEntry) {
         const [codeBlock, path] = codeBlockEntry;
         const textContent = Editor61.string(editor, path);
-        Transforms43.removeNodes(editor, { at: path });
-        Transforms43.insertNodes(
+        Transforms44.removeNodes(editor, { at: path });
+        Transforms44.insertNodes(
           editor,
           {
             type: "paragraph",
@@ -8741,8 +8833,8 @@ var quoteItemsList = [
       }
       if (selection && (selection.anchor.offset !== selection.focus.offset || JSON.stringify(selection.anchor.path) !== JSON.stringify(selection.focus.path))) {
         const selectedText = Editor61.string(editor, selection);
-        Transforms43.delete(editor);
-        Transforms43.insertNodes(
+        Transforms44.delete(editor);
+        Transforms44.insertNodes(
           editor,
           {
             type: "code-block",
@@ -8855,7 +8947,7 @@ var itemSets = [largeItems, mediumItems, smallItems];
 import { clsx as clsx9 } from "clsx";
 import { useCallback as useCallback14, useRef as useRef9 } from "react";
 import { ReactEditor as ReactEditor15, useSlate as useSlate2, useSlateStatic as useSlateStatic20 } from "slate-react";
-import { jsx as jsx59, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs31 } from "react/jsx-runtime";
 function ToolbarButton({
   item
 }) {
@@ -8875,9 +8967,9 @@ function ToolbarButton({
     if (!dest)
       return;
     if (items) {
-      menuLayer.open(() => /* @__PURE__ */ jsx59(Menu, { dest, items, close: menuLayer.close }));
+      menuLayer.open(() => /* @__PURE__ */ jsx61(Menu, { dest, items, close: menuLayer.close }));
     } else if (Component) {
-      menuLayer.open(() => /* @__PURE__ */ jsx59(Component, { dest, close: menuLayer.close }));
+      menuLayer.open(() => /* @__PURE__ */ jsx61(Component, { dest, close: menuLayer.close }));
     }
   }, [item]);
   const onClick = useCallback14(() => {
@@ -8900,7 +8992,7 @@ function ToolbarButton({
     },
     [menuLayer.layer]
   );
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs31(
     $ToolbarButton,
     {
       "data-item-type": "button",
@@ -8914,24 +9006,24 @@ function ToolbarButton({
         "--disabled": !isActive && r(item?.title)?.includes("Depth")
       }),
       children: [
-        /* @__PURE__ */ jsx59(item.icon, {}),
-        item.more ? /* @__PURE__ */ jsx59(More, {}) : null
+        /* @__PURE__ */ jsx61(item.icon, {}),
+        item.more ? /* @__PURE__ */ jsx61(More, {}) : null
       ]
     }
   );
 }
 
 // src/toolbar-plugin/components/toolbar/toolbar.tsx
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx62 } from "react/jsx-runtime";
 function ToolbarItem({ item }) {
   const editor = useSlateStatic21();
   if (item === "divider") {
-    return /* @__PURE__ */ jsx60($ToolbarDividerContainer, { "data-item-type": "divider", children: /* @__PURE__ */ jsx60($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__ */ jsx60(ToolbarButton, { item });
+  return /* @__PURE__ */ jsx62(ToolbarButton, { item });
 }
 function getWidths(toolbar) {
   const button = toolbar.querySelector(
@@ -8989,7 +9081,7 @@ function Toolbar() {
       window.removeEventListener("resize", refresh);
     };
   }, []);
-  return /* @__PURE__ */ jsx60($ToolbarContainer, { ref, children: /* @__PURE__ */ jsx60($Toolbar, { children: items.map((item, index) => /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx62($ToolbarContainer, { ref, children: /* @__PURE__ */ jsx62($Toolbar, { children: items.map((item, index) => /* @__PURE__ */ jsx62(
     ToolbarItem,
     {
       item
@@ -8999,7 +9091,7 @@ function Toolbar() {
 }
 
 // src/toolbar-plugin/render-editable/index.tsx
-import { jsx as jsx61, 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 = useRef11(null);
   const editor = useSlateStatic22();
@@ -9008,12 +9100,12 @@ function renderEditable({ attributes, Editable: Editable3 }) {
     (e) => {
       if (e.target !== e.currentTarget)
         return;
-      Transforms44.select(editor, Editor62.end(editor, []));
+      Transforms45.select(editor, Editor62.end(editor, []));
       ReactEditor16.focus(editor);
     },
     [editor]
   );
-  return /* @__PURE__ */ jsx61(Layers, { children: /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsx63(Layers, { children: /* @__PURE__ */ jsxs32(
     $OuterContainer,
     {
       ref: outerContainerRef,
@@ -9025,8 +9117,8 @@ function renderEditable({ attributes, Editable: Editable3 }) {
       },
       onClick: onClickOuterContainer,
       children: [
-        /* @__PURE__ */ jsx61(Toolbar, {}),
-        /* @__PURE__ */ jsx61(
+        /* @__PURE__ */ jsx63(Toolbar, {}),
+        /* @__PURE__ */ jsx63(
           Editable3,
           {
             as: $Editable,
@@ -9058,7 +9150,7 @@ var ToolbarPlugin = createPlugin(
 );
 
 // src/trailing-block-plugin/index.tsx
-import { Editor as Editor63, Node as Node15, Path as Path16, Transforms as Transforms45 } from "slate";
+import { Editor as Editor63, Node as Node15, Path as Path16, Transforms as Transforms46 } from "slate";
 var TrailingBlockPlugin = createPlugin(
   (editor) => {
     editor.allowTrailingBlock = true;
@@ -9074,7 +9166,7 @@ var TrailingBlockPlugin = createPlugin(
             editor.children.length - 1
           );
           if (Editor63.hasBlocks(editor, lastElement) || Editor63.isVoid(editor, lastElement)) {
-            Transforms45.insertNodes(
+            Transforms46.insertNodes(
               editor,
               { type: "paragraph", children: [{ text: "" }] },
               {
@@ -9090,11 +9182,11 @@ var TrailingBlockPlugin = createPlugin(
 );
 
 // src/paste-markdown-plugin/methods/index.ts
-import { Transforms as Transforms46 } from "slate";
+import { Transforms as Transforms47 } from "slate";
 function pasteMarkdown(editor, markdown) {
   const escapedMarkdown = escapeUrlSlashes(markdown);
   const fragment = parse(escapedMarkdown);
-  Transforms46.insertNodes(editor, fragment);
+  Transforms47.insertNodes(editor, fragment);
 }
 function createPasteMarkdownMethods(editor) {
   return {
@@ -9126,7 +9218,7 @@ var PasteMarkdownPlugin = createPlugin(
 );
 
 // src/placeholder-plugin/index.tsx
-import { jsx as jsx62 } from "react/jsx-runtime";
+import { jsx as jsx64 } from "react/jsx-runtime";
 function renderPlaceholder(props) {
   const nextAttributes = {
     ...props.attributes,
@@ -9136,7 +9228,7 @@ function renderPlaceholder(props) {
       maxWidth: void 0
     }
   };
-  return /* @__PURE__ */ jsx62("span", { ...nextAttributes, children: props.children });
+  return /* @__PURE__ */ jsx64("span", { ...nextAttributes, children: props.children });
 }
 var PlaceholderPlugin = createPlugin(
   (editor, _options, { createPolicy }) => {
@@ -9160,6 +9252,7 @@ var defaultPlugins = [
   InlineCodePlugin,
   BlockQuotePlugin,
   CodeBlockPlugin,
+  HtmlBlockPlugin,
   TablePlugin,
   HorizontalRulePlugin,
   TrailingBlockPlugin,
@@ -9178,7 +9271,7 @@ var { withSink, SinkEditable: SinkEditable2 } = createSink(defaultPlugins);
 
 // src/entry/useEditor.tsx
 import { useState as useState12 } from "react";
-import { createEditor, Editor as Editor65, Transforms as Transforms47 } from "slate";
+import { createEditor, Editor as Editor65, Transforms as Transforms48 } from "slate";
 import { withHistory } from "slate-history";
 import { withReact } from "slate-react";
 function useEditor({
@@ -9224,7 +9317,7 @@ function useEditor({
       const documentValue = parse(escapedMarkdown);
       editor2.children = documentValue;
       editor2.selection = null;
-      Transforms47.select(editor2, Editor65.start(editor2, [0]));
+      Transforms48.select(editor2, Editor65.start(editor2, [0]));
     };
     return nextEditor;
   });
@@ -9232,9 +9325,9 @@ function useEditor({
 }
 
 // src/entry/index.tsx
-import { jsx as jsx63, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs33 } from "react/jsx-runtime";
 function renderLeaf({ children, attributes }) {
-  return /* @__PURE__ */ jsx63("span", { ...attributes, children });
+  return /* @__PURE__ */ jsx65("span", { ...attributes, children });
 }
 function Editable2({
   editor,
@@ -9255,7 +9348,7 @@ function Editable2({
   const onThrottledSlateChange = useCallback16(
     throttle3(
       () => {
-        const markdown = serialize(editor.children);
+        const markdown = unescapeUrlSlashes(serialize(editor.children));
         editor.wysimark.prevValue = {
           markdown,
           children: editor.children
@@ -9305,7 +9398,7 @@ function Editable2({
         const documentValue = parse(valueToProcess);
         editor.children = documentValue;
         editor.selection = null;
-        Transforms48.select(editor, Editor66.start(editor, [0]));
+        Transforms49.select(editor, Editor66.start(editor, [0]));
       }
     }
   }
@@ -9343,8 +9436,8 @@ function Editable2({
     editor.wysimark.toggleRawMode = handleRawModeToggle;
   }
   editor.wysimark.onImageChange = onImageChange;
-  return /* @__PURE__ */ jsxs32("div", { style: { position: "relative" }, children: [
-    isRawMode && /* @__PURE__ */ jsx63("div", { style: { position: "absolute", top: "5px", right: "25px", zIndex: 10 }, children: /* @__PURE__ */ jsx63(
+  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,
@@ -9370,10 +9463,10 @@ function Editable2({
             e.preventDefault();
           }
         },
-        children: /* @__PURE__ */ jsx63("span", { style: { color: "#4a90e2", fontSize: "1.25em" }, children: /* @__PURE__ */ jsx63(VisualEditor, {}) })
+        children: /* @__PURE__ */ jsx65("span", { style: { color: "#4a90e2", fontSize: "1.25em" }, children: /* @__PURE__ */ jsx65(VisualEditor, {}) })
       }
     ) }),
-    /* @__PURE__ */ jsx63("div", { style: { display: isRawMode ? "block" : "none", textAlign: "center" }, children: /* @__PURE__ */ jsx63(
+    /* @__PURE__ */ jsx65("div", { style: { display: isRawMode ? "block" : "none", textAlign: "center" }, children: /* @__PURE__ */ jsx65(
       "textarea",
       {
         value: unescapeUrlSlashes(rawText).replace(/&nbsp;/g, ""),
@@ -9398,13 +9491,13 @@ function Editable2({
         }
       }
     ) }),
-    /* @__PURE__ */ jsx63("div", { style: { display: isRawMode ? "none" : "block" }, children: /* @__PURE__ */ jsx63(
+    /* @__PURE__ */ jsx65("div", { style: { display: isRawMode ? "none" : "block" }, children: /* @__PURE__ */ jsx65(
       Slate2,
       {
         editor,
         initialValue: initialValueRef.current ?? editor.children,
         onChange: onSlateChange,
-        children: /* @__PURE__ */ jsx63(
+        children: /* @__PURE__ */ jsx65(
           SinkEditable2,
           {
             renderLeaf,
@@ -9421,7 +9514,7 @@ function Editable2({
 }
 
 // src/index.tsx
-import { jsx as jsx64 } from "react/jsx-runtime";
+import { jsx as jsx66 } from "react/jsx-runtime";
 function StandaloneEditor({
   standaloneOptions: { onChange, placeholder, className, ...options },
   standaloneMethodsRef
@@ -9453,7 +9546,7 @@ function StandaloneEditor({
     },
     [editor]
   );
-  return /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx66(
     Editable2,
     {
       editor,
@@ -9468,7 +9561,7 @@ function createWysimark(containerElement, options) {
   const standaloneMethodsRef = createRef();
   const root = createRoot(containerElement);
   root.render(
-    /* @__PURE__ */ jsx64(
+    /* @__PURE__ */ jsx66(
       StandaloneEditor,
       {
         standaloneMethodsRef,