@portabletext/editor 1.0.18 → 1.1.0

package/lib/index.esm.js

@@ -54,7 +54,9 @@ function createArrayedPath(point, editor) {
     return [];
   if (editor.isVoid(block))
     return [blockPath[0], 0];
-  const childPath = [point.path[2]], childIndex = block.children.findIndex((child) => isEqual([{ _key: child._key }], childPath));
+  const childPath = [point.path[2]], childIndex = block.children.findIndex(
+    (child) => isEqual([{ _key: child._key }], childPath)
+  );
   if (childIndex >= 0 && block.children[childIndex]) {
     const child = block.children[childIndex];
     return Element$1.isElement(child) && editor.isVoid(child) ? blockPath.concat(childIndex).concat(0) : blockPath.concat(childIndex);
@@ -99,7 +101,9 @@ function normalizePoint(point, value) {
     return null;
   const newPath = [];
   let newOffset = point.offset || 0;
-  const blockKey = typeof point.path[0] == "object" && "_key" in point.path[0] && point.path[0]._key, childKey = typeof point.path[2] == "object" && "_key" in point.path[2] && point.path[2]._key, block = value.find((blk) => blk._key === blockKey);
+  const blockKey = typeof point.path[0] == "object" && "_key" in point.path[0] && point.path[0]._key, childKey = typeof point.path[2] == "object" && "_key" in point.path[2] && point.path[2]._key, block = value.find(
+    (blk) => blk._key === blockKey
+  );
   if (block)
     newPath.push({ _key: block._key });
   else
@@ -122,14 +126,16 @@ function normalizeSelection(selection, value) {
   const { anchor, focus } = selection;
   return anchor && value.find((blk) => isEqual({ _key: blk._key }, anchor.path[0])) && (newAnchor = normalizePoint(anchor, value)), focus && value.find((blk) => isEqual({ _key: blk._key }, focus.path[0])) && (newFocus = normalizePoint(focus, value)), newAnchor && newFocus ? { anchor: newAnchor, focus: newFocus, backward: selection.backward } : null;
 }
-const EMPTY_MARKDEFS = [], EMPTY_MARKS$1 = [], VOID_CHILD_KEY = "void-child";
+const EMPTY_MARKDEFS = [], VOID_CHILD_KEY = "void-child";
 function keepObjectEquality(object, keyMap) {
   const value = keyMap[object._key];
   return value && isEqual(object, value) ? value : (keyMap[object._key] = object, object);
 }
 function toSlateValue(value, { schemaTypes }, keyMap = {}) {
   return value && Array.isArray(value) ? value.map((block) => {
-    const { _type, _key, ...rest } = block, voidChildren = [{ _key: VOID_CHILD_KEY, _type: "span", text: "", marks: [] }];
+    const { _type, _key, ...rest } = block, voidChildren = [
+      { _key: VOID_CHILD_KEY, _type: "span", text: "", marks: [] }
+    ];
     if (block && block._type === schemaTypes.block.name) {
       const textBlock = block;
       let hasInlines = !1;
@@ -170,12 +176,25 @@ function fromSlateValue(value, textBlockType, keyMap = {}) {
         const { _type: _cType } = child;
         if ("value" in child && _cType !== "span") {
           hasInlines = !0;
-          const { value: v, _key: k, _type: t, __inline: _i, children: _c, ...rest } = child;
-          return keepObjectEquality({ ...rest, ...v, _key: k, _type: t }, keyMap);
+          const {
+            value: v,
+            _key: k,
+            _type: t,
+            __inline: _i,
+            children: _c,
+            ...rest
+          } = child;
+          return keepObjectEquality(
+            { ...rest, ...v, _key: k, _type: t },
+            keyMap
+          );
         }
         return child;
       });
-      return hasInlines ? keepObjectEquality({ ...block, children, _key, _type }, keyMap) : block;
+      return hasInlines ? keepObjectEquality(
+        { ...block, children, _key, _type },
+        keyMap
+      ) : block;
     }
     const blockValue = "value" in block && block.value;
     return keepObjectEquality(
@@ -347,10 +366,23 @@ function getCounterContentForListLevel(level) {
       return "counter(listItemNumberNextNextNext) '. '";
   }
 }
-const debug$l = debugWithName("components:DraggableBlock"), DraggableBlock = ({ children, element, readOnly, blockRef }) => {
-  const editor = useSlateStatic(), dragGhostRef = useRef(), [isDragOver, setIsDragOver] = useState(!1), isVoid = useMemo(() => Editor.isVoid(editor, element), [editor, element]), isInline = useMemo(() => Editor.isInline(editor, element), [editor, element]), [blockElement, setBlockElement] = useState(null);
+const debug$l = debugWithName("components:DraggableBlock"), DraggableBlock = ({
+  children,
+  element,
+  readOnly,
+  blockRef
+}) => {
+  const editor = useSlateStatic(), dragGhostRef = useRef(), [isDragOver, setIsDragOver] = useState(!1), isVoid = useMemo(
+    () => Editor.isVoid(editor, element),
+    [editor, element]
+  ), isInline = useMemo(
+    () => Editor.isInline(editor, element),
+    [editor, element]
+  ), [blockElement, setBlockElement] = useState(null);
   useEffect(
-    () => setBlockElement(blockRef ? blockRef.current : ReactEditor.toDOMNode(editor, element)),
+    () => setBlockElement(
+      blockRef ? blockRef.current : ReactEditor.toDOMNode(editor, element)
+    ),
     [editor, element, blockRef]
   );
   const handleDragOver = useCallback(
@@ -437,7 +469,9 @@ const debug$l = debugWithName("components:DraggableBlock"), DraggableBlock = ({
       }
       if (debug$l("Drag start"), IS_DRAGGING.set(editor, !0), event.dataTransfer && (event.dataTransfer.setData("application/portable-text", "something"), event.dataTransfer.effectAllowed = "move"), blockElement && blockElement instanceof HTMLElement) {
         let dragGhost = blockElement.cloneNode(!0);
-        const customGhost = dragGhost.querySelector("[data-pt-drag-ghost-element]");
+        const customGhost = dragGhost.querySelector(
+          "[data-pt-drag-ghost-element]"
+        );
         if (customGhost && (dragGhost = customGhost), dragGhost.setAttribute("data-dragged", ""), document.body) {
           dragGhostRef.current = dragGhost, dragGhost.style.position = "absolute", dragGhost.style.left = "-99999px", dragGhost.style.boxSizing = "border-box", document.body.appendChild(dragGhost);
           const rect = blockElement.getBoundingClientRect(), x = event.clientX - rect.left, y = event.clientY - rect.top;
@@ -495,7 +529,11 @@ const EMPTY_ANNOTATIONS = [], inlineBlockStyle = { display: "inline-block" }, El
   spellCheck
 }) => {
   const editor = useSlateStatic(), selected = useSelected(), blockRef = useRef(null), inlineBlockObjectRef = useRef(null), focused = selected && editor.selection && Range.isCollapsed(editor.selection) || !1, value = useMemo(
-    () => fromSlateValue([element], schemaTypes.block.name, KEY_TO_VALUE_ELEMENT.get(editor))[0],
+    () => fromSlateValue(
+      [element],
+      schemaTypes.block.name,
+      KEY_TO_VALUE_ELEMENT.get(editor)
+    )[0],
     [editor, element, schemaTypes.block.name]
   );
   let renderedBlock = children, className;
@@ -505,11 +543,17 @@ const EMPTY_ANNOTATIONS = [], inlineBlockStyle = { display: "inline-block" }, El
   if (typeof element._key != "string")
     throw new Error("Expected element to have a _key property");
   if (editor.isInline(element)) {
-    const path = ReactEditor.findPath(editor, element), [block2] = Editor.node(editor, path, { depth: 1 }), schemaType2 = schemaTypes.inlineObjects.find((_type) => _type.name === element._type);
+    const path = ReactEditor.findPath(editor, element), [block2] = Editor.node(editor, path, { depth: 1 }), schemaType2 = schemaTypes.inlineObjects.find(
+      (_type) => _type.name === element._type
+    );
     if (!schemaType2)
       throw new Error("Could not find type for inline block element");
     if (Element$1.isElement(block2)) {
-      const elmPath = [{ _key: block2._key }, "children", { _key: element._key }];
+      const elmPath = [
+        { _key: block2._key },
+        "children",
+        { _key: element._key }
+      ];
       return /* @__PURE__ */ jsxs("span", { ...attributes, children: [
         children,
         /* @__PURE__ */ jsxs(
@@ -547,7 +591,9 @@ const EMPTY_ANNOTATIONS = [], inlineBlockStyle = { display: "inline-block" }, El
     className = "pt-block pt-text-block";
     const isListItem = "listItem" in element, style = "style" in element && element.style || "normal";
     className = `pt-block pt-text-block pt-text-block-style-${style}`;
-    const blockStyleType = schemaTypes.styles.find((item) => item.value === style);
+    const blockStyleType = schemaTypes.styles.find(
+      (item) => item.value === style
+    );
     renderStyle && blockStyleType && (renderedBlock = renderStyle({
       block: element,
       children,
@@ -560,7 +606,9 @@ const EMPTY_ANNOTATIONS = [], inlineBlockStyle = { display: "inline-block" }, El
     }));
     let level;
     if (isListItem && (typeof element.level == "number" && (level = element.level), className += ` pt-list-item pt-list-item-${element.listItem} pt-list-item-level-${level || 1}`), editor.isListBlock(value) && isListItem && element.listItem) {
-      const listType = schemaTypes.lists.find((item) => item.value === element.listItem);
+      const listType = schemaTypes.lists.find(
+        (item) => item.value === element.listItem
+      );
       renderListItem && listType ? renderedBlock = renderListItem({
         block: value,
         children: renderedBlock,
@@ -597,15 +645,38 @@ const EMPTY_ANNOTATIONS = [], inlineBlockStyle = { display: "inline-block" }, El
       {
         enumerable: !1,
         get() {
-          return console.warn("Property 'type' is deprecated, use 'schemaType' instead."), schemaTypes.block;
+          return console.warn(
+            "Property 'type' is deprecated, use 'schemaType' instead."
+          ), schemaTypes.block;
         }
       }
     ), propsOrDefaultRendered = renderBlock ? renderBlock(renderProps) : children;
-    return /* @__PURE__ */ jsx("div", { ...attributes, className, spellCheck, children: /* @__PURE__ */ jsx(DraggableBlock, { element, readOnly, blockRef, children: /* @__PURE__ */ jsx("div", { ref: blockRef, children: propsOrDefaultRendered }) }) }, element._key);
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ...attributes,
+        className,
+        spellCheck,
+        children: /* @__PURE__ */ jsx(
+          DraggableBlock,
+          {
+            element,
+            readOnly,
+            blockRef,
+            children: /* @__PURE__ */ jsx("div", { ref: blockRef, children: propsOrDefaultRendered })
+          }
+        )
+      },
+      element._key
+    );
   }
-  const schemaType = schemaTypes.blockObjects.find((_type) => _type.name === element._type);
+  const schemaType = schemaTypes.blockObjects.find(
+    (_type) => _type.name === element._type
+  );
   if (!schemaType)
-    throw new Error(`Could not find schema type for block element of _type ${element._type}`);
+    throw new Error(
+      `Could not find schema type for block element of _type ${element._type}`
+    );
   className = "pt-block pt-object-block";
   const block = fromSlateValue(
     [element],
@@ -628,7 +699,9 @@ const EMPTY_ANNOTATIONS = [], inlineBlockStyle = { display: "inline-block" }, El
       {
         enumerable: !1,
         get() {
-          return console.warn("Property 'type' is deprecated, use 'schemaType' instead."), schemaType;
+          return console.warn(
+            "Property 'type' is deprecated, use 'schemaType' instead."
+          ), schemaType;
         }
       }
     );
@@ -650,7 +723,11 @@ const EMPTY_ANNOTATIONS = [], inlineBlockStyle = { display: "inline-block" }, El
   return editor;
 };
 function DefaultAnnotation(props) {
-  const handleClick = useCallback(() => alert(JSON.stringify(props.annotation)), [props.annotation]);
+  const handleClick = useCallback(
+    // eslint-disable-next-line no-alert
+    () => alert(JSON.stringify(props.annotation)),
+    [props.annotation]
+  );
   return /* @__PURE__ */ jsx("span", { style: { color: "blue" }, onClick: handleClick, children: props.children });
 }
 function getPortableTextMemberSchemaTypes(portableTextType) {
@@ -659,16 +736,24 @@ function getPortableTextMemberSchemaTypes(portableTextType) {
   const blockType = portableTextType.of?.find(findBlockType);
   if (!blockType)
     throw new Error("Block type is not defined in this schema (required)");
-  const childrenField = blockType.fields?.find((field) => field.name === "children");
+  const childrenField = blockType.fields?.find(
+    (field) => field.name === "children"
+  );
   if (!childrenField)
     throw new Error("Children field for block type found in schema (required)");
   const ofType = childrenField.type.of;
   if (!ofType)
-    throw new Error("Valid types for block children not found in schema (required)");
+    throw new Error(
+      "Valid types for block children not found in schema (required)"
+    );
   const spanType = ofType.find((memberType) => memberType.name === "span");
   if (!spanType)
     throw new Error("Span type not found in schema (required)");
-  const inlineObjectTypes = ofType.filter((memberType) => memberType.name !== "span") || [], blockObjectTypes = portableTextType.of?.filter((field) => field.name !== blockType.name) || [];
+  const inlineObjectTypes = ofType.filter(
+    (memberType) => memberType.name !== "span"
+  ) || [], blockObjectTypes = portableTextType.of?.filter(
+    (field) => field.name !== blockType.name
+  ) || [];
   return {
     styles: resolveEnabledStyles(blockType),
     decorators: resolveEnabledDecorators(spanType),
@@ -682,10 +767,16 @@ function getPortableTextMemberSchemaTypes(portableTextType) {
   };
 }
 function resolveEnabledStyles(blockType) {
-  const styleField = blockType.fields?.find((btField) => btField.name === "style");
+  const styleField = blockType.fields?.find(
+    (btField) => btField.name === "style"
+  );
   if (!styleField)
-    throw new Error("A field with name 'style' is not defined in the block type (required).");
-  const textStyles = styleField.type.options?.list && styleField.type.options.list?.filter((style) => style.value);
+    throw new Error(
+      "A field with name 'style' is not defined in the block type (required)."
+    );
+  const textStyles = styleField.type.options?.list && styleField.type.options.list?.filter(
+    (style) => style.value
+  );
   if (!textStyles || textStyles.length === 0)
     throw new Error(
       "The style fields need at least one style defined. I.e: {title: 'Normal', value: 'normal'}."
@@ -696,9 +787,13 @@ function resolveEnabledDecorators(spanType) {
   return spanType.decorators;
 }
 function resolveEnabledListItems(blockType) {
-  const listField = blockType.fields?.find((btField) => btField.name === "listItem");
+  const listField = blockType.fields?.find(
+    (btField) => btField.name === "listItem"
+  );
   if (!listField)
-    throw new Error("A field with name 'listItem' is not defined in the block type (required).");
+    throw new Error(
+      "A field with name 'listItem' is not defined in the block type (required)."
+    );
   const listItems = listField.type.options?.list && listField.type.options.list.filter((list) => list.value);
   if (!listItems)
     throw new Error("The list field need at least to be an empty array");
@@ -724,7 +819,12 @@ function createOperationToPatches(types) {
     const textChild = editor.isTextBlock(block) && editor.isTextSpan(block.children[operation.path[1]]) && block.children[operation.path[1]];
     if (!textChild)
       throw new Error("Could not find child");
-    const path = [{ _key: block._key }, "children", { _key: textChild._key }, "text"], prevBlock = beforeValue[operation.path[0]], prevChild = editor.isTextBlock(prevBlock) && prevBlock.children[operation.path[1]], prevText = editor.isTextSpan(prevChild) ? prevChild.text : "", patch = diffMatchPatch$1(prevText, textChild.text, path);
+    const path = [
+      { _key: block._key },
+      "children",
+      { _key: textChild._key },
+      "text"
+    ], prevBlock = beforeValue[operation.path[0]], prevChild = editor.isTextBlock(prevBlock) && prevBlock.children[operation.path[1]], prevText = editor.isTextSpan(prevChild) ? prevChild.text : "", patch = diffMatchPatch$1(prevText, textChild.text, path);
     return patch.value.length ? [patch] : [];
   }
   function removeTextPatch(editor, operation, beforeValue) {
@@ -736,7 +836,12 @@ function createOperationToPatches(types) {
       throw new Error("Expected span");
     if (!textChild)
       throw new Error("Could not find child");
-    const path = [{ _key: block._key }, "children", { _key: textChild._key }, "text"], beforeBlock = beforeValue[operation.path[0]], prevTextChild = editor.isTextBlock(beforeBlock) && beforeBlock.children[operation.path[1]], prevText = editor.isTextSpan(prevTextChild) && prevTextChild.text, patch = diffMatchPatch$1(prevText || "", textChild.text, path);
+    const path = [
+      { _key: block._key },
+      "children",
+      { _key: textChild._key },
+      "text"
+    ], beforeBlock = beforeValue[operation.path[0]], prevTextChild = editor.isTextBlock(beforeBlock) && beforeBlock.children[operation.path[1]], prevText = editor.isTextSpan(prevTextChild) && prevTextChild.text, patch = diffMatchPatch$1(prevText || "", textChild.text, path);
     return patch.value ? [patch] : [];
   }
   function setNodePatch(editor, operation) {
@@ -748,7 +853,9 @@ function createOperationToPatches(types) {
         { ...editor.children[operation.path[0]], ...operation.newProperties },
         isUndefined
       );
-      return [set(fromSlateValue([setNode], textBlockName)[0], [{ _key: block._key }])];
+      return [
+        set(fromSlateValue([setNode], textBlockName)[0], [{ _key: block._key }])
+      ];
     } else if (operation.path.length === 2) {
       const block = editor.children[operation.path[0]];
       if (editor.isTextBlock(block)) {
@@ -759,11 +866,23 @@ function createOperationToPatches(types) {
             if (keys.length === 1 && keyName === "_key") {
               const val = get(operation.newProperties, keyName);
               patches.push(
-                set(val, [{ _key: blockKey }, "children", block.children.indexOf(child), keyName])
+                set(val, [
+                  { _key: blockKey },
+                  "children",
+                  block.children.indexOf(child),
+                  keyName
+                ])
               );
             } else {
               const val = get(operation.newProperties, keyName);
-              patches.push(set(val, [{ _key: blockKey }, "children", { _key: childKey }, keyName]));
+              patches.push(
+                set(val, [
+                  { _key: blockKey },
+                  "children",
+                  { _key: childKey },
+                  keyName
+                ])
+              );
             }
           }), patches;
         }
@@ -771,21 +890,27 @@ function createOperationToPatches(types) {
       }
       throw new Error("Could not find a valid block");
     } else
-      throw new Error(`Unexpected path encountered: ${JSON.stringify(operation.path)}`);
+      throw new Error(
+        `Unexpected path encountered: ${JSON.stringify(operation.path)}`
+      );
   }
   function insertNodePatch(editor, operation, beforeValue) {
     const block = beforeValue[operation.path[0]], isTextBlock = editor.isTextBlock(block);
     if (operation.path.length === 1) {
       const position = operation.path[0] === 0 ? "before" : "after", beforeBlock = beforeValue[operation.path[0] - 1], targetKey = operation.path[0] === 0 ? block?._key : beforeBlock?._key;
       return targetKey ? [
-        insert([fromSlateValue([operation.node], textBlockName)[0]], position, [
-          { _key: targetKey }
-        ])
+        insert(
+          [fromSlateValue([operation.node], textBlockName)[0]],
+          position,
+          [{ _key: targetKey }]
+        )
       ] : [
         setIfMissing(beforeValue, []),
-        insert([fromSlateValue([operation.node], textBlockName)[0]], "before", [
-          operation.path[0]
-        ])
+        insert(
+          [fromSlateValue([operation.node], textBlockName)[0]],
+          "before",
+          [operation.path[0]]
+        )
       ];
     } else if (isTextBlock && operation.path.length === 2 && editor.children[operation.path[0]]) {
       const position = block.children.length === 0 || !block.children[operation.path[1] - 1] ? "before" : "after", node = { ...operation.node };
@@ -808,7 +933,9 @@ function createOperationToPatches(types) {
         ])
       ];
     }
-    return debug$k("Something was inserted into a void block. Not producing editor patches."), [];
+    return debug$k(
+      "Something was inserted into a void block. Not producing editor patches."
+    ), [];
   }
   function splitNodePatch(editor, operation, beforeValue) {
     const patches = [], splitBlock = editor.children[operation.path[0]];
@@ -825,7 +952,9 @@ function createOperationToPatches(types) {
           [editor.children[operation.path[0] + 1]],
           textBlockName
         )[0];
-        targetValue && (patches.push(insert([targetValue], "after", [{ _key: splitBlock._key }])), oldBlock.children.slice(operation.position).forEach((span) => {
+        targetValue && (patches.push(
+          insert([targetValue], "after", [{ _key: splitBlock._key }])
+        ), oldBlock.children.slice(operation.position).forEach((span) => {
           const path = [{ _key: oldBlock._key }, "children", { _key: span._key }];
           patches.push(unset(path));
         }));
@@ -839,7 +968,10 @@ function createOperationToPatches(types) {
           [
             {
               ...splitBlock,
-              children: splitBlock.children.slice(operation.path[1] + 1, operation.path[1] + 2)
+              children: splitBlock.children.slice(
+                operation.path[1] + 1,
+                operation.path[1] + 2
+              )
             }
           ],
           textBlockName
@@ -871,10 +1003,14 @@ function createOperationToPatches(types) {
       throw new Error("Block not found");
     } else if (editor.isTextBlock(block) && operation.path.length === 2) {
       const spanToRemove = block.children[operation.path[1]];
-      return spanToRemove ? block.children.filter((span) => span._key === operation.node._key).length > 1 ? (console.warn(
+      return spanToRemove ? block.children.filter(
+        (span) => span._key === operation.node._key
+      ).length > 1 ? (console.warn(
         `Multiple spans have \`_key\` ${operation.node._key}. It's ambiguous which one to remove.`,
         JSON.stringify(block, null, 2)
-      ), []) : [unset([{ _key: block._key }, "children", { _key: spanToRemove._key }])] : (debug$k("Span not found in editor trying to remove node"), []);
+      ), []) : [
+        unset([{ _key: block._key }, "children", { _key: spanToRemove._key }])
+      ] : (debug$k("Span not found in editor trying to remove node"), []);
     } else
       return debug$k("Not creating patch inside object block"), [];
   }
@@ -882,13 +1018,18 @@ function createOperationToPatches(types) {
     const patches = [], block = beforeValue[operation.path[0]], updatedBlock = editor.children[operation.path[0]];
     if (operation.path.length === 1)
       if (block?._key) {
-        const newBlock = fromSlateValue([editor.children[operation.path[0] - 1]], textBlockName)[0];
+        const newBlock = fromSlateValue(
+          [editor.children[operation.path[0] - 1]],
+          textBlockName
+        )[0];
         patches.push(set(newBlock, [{ _key: newBlock._key }])), patches.push(unset([{ _key: block._key }]));
       } else
         throw new Error("Target key not found!");
     else if (editor.isTextBlock(block) && editor.isTextBlock(updatedBlock) && operation.path.length === 2) {
       const updatedSpan = updatedBlock.children[operation.path[1] - 1] && editor.isTextSpan(updatedBlock.children[operation.path[1] - 1]) ? updatedBlock.children[operation.path[1] - 1] : void 0, removedSpan = block.children[operation.path[1]] && editor.isTextSpan(block.children[operation.path[1]]) ? block.children[operation.path[1]] : void 0;
-      updatedSpan && (block.children.filter((span) => span._key === updatedSpan._key).length === 1 ? patches.push(
+      updatedSpan && (block.children.filter(
+        (span) => span._key === updatedSpan._key
+      ).length === 1 ? patches.push(
         set(updatedSpan.text, [
           { _key: block._key },
           "children",
@@ -898,7 +1039,11 @@ function createOperationToPatches(types) {
       ) : console.warn(
         `Multiple spans have \`_key\` ${updatedSpan._key}. It's ambiguous which one to update.`,
         JSON.stringify(block, null, 2)
-      )), removedSpan && (block.children.filter((span) => span._key === removedSpan._key).length === 1 ? patches.push(unset([{ _key: block._key }, "children", { _key: removedSpan._key }])) : console.warn(
+      )), removedSpan && (block.children.filter(
+        (span) => span._key === removedSpan._key
+      ).length === 1 ? patches.push(
+        unset([{ _key: block._key }, "children", { _key: removedSpan._key }])
+      ) : console.warn(
         `Multiple spans have \`_key\` ${removedSpan._key}. It's ambiguous which one to remove.`,
         JSON.stringify(block, null, 2)
       ));
@@ -911,7 +1056,9 @@ function createOperationToPatches(types) {
     if (operation.path.length === 1) {
       const position = operation.path[0] > operation.newPath[0] ? "before" : "after";
       patches.push(unset([{ _key: block._key }])), patches.push(
-        insert([fromSlateValue([block], textBlockName)[0]], position, [{ _key: targetBlock._key }])
+        insert([fromSlateValue([block], textBlockName)[0]], position, [
+          { _key: targetBlock._key }
+        ])
       );
     } else if (operation.path.length === 2 && editor.isTextBlock(block) && editor.isTextBlock(targetBlock)) {
       const child = block.children[operation.path[1]], targetChild = targetBlock.children[operation.newPath[1]], position = operation.newPath[1] === targetBlock.children.length ? "after" : "before", childToInsert = fromSlateValue([block], textBlockName)[0].children[operation.path[1]];
@@ -973,14 +1120,24 @@ function createWithEditableAPI(portableTextEditor, types, keyGenerator) {
       },
       focusBlock: () => {
         if (editor.selection) {
-          const block = Node.descendant(editor, editor.selection.focus.path.slice(0, 1));
+          const block = Node.descendant(
+            editor,
+            editor.selection.focus.path.slice(0, 1)
+          );
           if (block)
-            return fromSlateValue([block], types.block.name, KEY_TO_VALUE_ELEMENT.get(editor))[0];
+            return fromSlateValue(
+              [block],
+              types.block.name,
+              KEY_TO_VALUE_ELEMENT.get(editor)
+            )[0];
         }
       },
       focusChild: () => {
         if (editor.selection) {
-          const block = Node.descendant(editor, editor.selection.focus.path.slice(0, 1));
+          const block = Node.descendant(
+            editor,
+            editor.selection.focus.path.slice(0, 1)
+          );
           if (block && editor.isTextBlock(block))
             return fromSlateValue(
               [block],
@@ -1001,7 +1158,9 @@ function createWithEditableAPI(portableTextEditor, types, keyGenerator) {
         if (!focusBlock)
           throw new Error("No focused text block");
         if (type.name !== types.span.name && !types.inlineObjects.some((t) => t.name === type.name))
-          throw new Error("This type cannot be inserted as a child to a text block");
+          throw new Error(
+            "This type cannot be inserted as a child to a text block"
+          );
         const child = toSlateValue(
           [
             {
@@ -1018,11 +1177,17 @@ function createWithEditableAPI(portableTextEditor, types, keyGenerator) {
           ],
           portableTextEditor
         )[0].children[0], focusChildPath = editor.selection.focus.path.slice(0, 2), isSpanNode = child._type === types.span.name, focusNode = Node.get(editor, focusChildPath);
-        return isSpanNode && focusNode._type !== types.span.name && (debug$j("Inserting span child next to inline object child, moving selection + 1"), editor.move({ distance: 1, unit: "character" })), Transforms.insertNodes(editor, child, {
+        return isSpanNode && focusNode._type !== types.span.name && (debug$j(
+          "Inserting span child next to inline object child, moving selection + 1"
+        ), editor.move({ distance: 1, unit: "character" })), Transforms.insertNodes(editor, child, {
           select: !0,
           at: editor.selection
         }), editor.onChange(), toPortableTextRange(
-          fromSlateValue(editor.children, types.block.name, KEY_TO_VALUE_ELEMENT.get(editor)),
+          fromSlateValue(
+            editor.children,
+            types.block.name,
+            KEY_TO_VALUE_ELEMENT.get(editor)
+          ),
           editor.selection,
           types
         )?.focus.path || [];
@@ -1047,7 +1212,11 @@ function createWithEditableAPI(portableTextEditor, types, keyGenerator) {
             })
           )[0];
           return Editor.insertNode(editor, block), lastBlock && isEqualToEmptyEditor([lastBlock[0]], types) && Transforms.removeNodes(editor, { at: lastBlock[1] }), editor.onChange(), toPortableTextRange(
-            fromSlateValue(editor.children, types.block.name, KEY_TO_VALUE_ELEMENT.get(editor)),
+            fromSlateValue(
+              editor.children,
+              types.block.name,
+              KEY_TO_VALUE_ELEMENT.get(editor)
+            ),
             editor.selection,
             types
           )?.focus.path ?? [];
@@ -1059,7 +1228,11 @@ function createWithEditableAPI(portableTextEditor, types, keyGenerator) {
           })
         )[0];
         return Editor.insertNode(editor, block), focusBlock && isEqualToEmptyEditor([focusBlock[0]], types) && Transforms.removeNodes(editor, { at: focusBlock[1] }), editor.onChange(), toPortableTextRange(
-          fromSlateValue(editor.children, types.block.name, KEY_TO_VALUE_ELEMENT.get(editor)),
+          fromSlateValue(
+            editor.children,
+            types.block.name,
+            KEY_TO_VALUE_ELEMENT.get(editor)
+          ),
           editor.selection,
           types
         )?.focus.path || [];
@@ -1085,10 +1258,16 @@ function createWithEditableAPI(portableTextEditor, types, keyGenerator) {
           editor
         );
         if (slatePath) {
-          const [block, blockPath] = Editor.node(editor, slatePath.focus.path.slice(0, 1));
+          const [block, blockPath] = Editor.node(
+            editor,
+            slatePath.focus.path.slice(0, 1)
+          );
           if (block && blockPath && typeof block._key == "string") {
             if (path.length === 1 && slatePath.focus.path.length === 1)
-              return [fromSlateValue([block], types.block.name)[0], [{ _key: block._key }]];
+              return [
+                fromSlateValue([block], types.block.name)[0],
+                [{ _key: block._key }]
+              ];
             const ptBlock = fromSlateValue(
               [block],
               types.block.name,
@@ -1097,7 +1276,10 @@ function createWithEditableAPI(portableTextEditor, types, keyGenerator) {
             if (editor.isTextBlock(ptBlock)) {
               const ptChild = ptBlock.children[slatePath.focus.path[1]];
               if (ptChild)
-                return [ptChild, [{ _key: block._key }, "children", { _key: ptChild._key }]];
+                return [
+                  ptChild,
+                  [{ _key: block._key }, "children", { _key: ptChild._key }]
+                ];
             }
           }
         }
@@ -1164,43 +1346,74 @@ function createWithEditableAPI(portableTextEditor, types, keyGenerator) {
       addAnnotation: (type, value) => {
         const { selection: originalSelection } = editor;
         let returnValue;
-        if (originalSelection) {
-          const [block] = Editor.node(editor, originalSelection.focus, { depth: 1 });
-          if (!editor.isTextBlock(block))
-            return;
-          Range.isCollapsed(originalSelection) && (editor.pteExpandToWord(), editor.onChange());
-          const [textNode] = Editor.node(editor, originalSelection.focus, { depth: 2 });
-          editor.selection && (Editor.withoutNormalizing(editor, () => {
-            const annotationKey = keyGenerator();
-            Transforms.setNodes(
-              editor,
-              {
-                markDefs: [
-                  ...block.markDefs || [],
-                  { _type: type.name, _key: annotationKey, ...value }
-                ]
-              },
-              { at: originalSelection.focus }
-            ), editor.onChange(), Transforms.setNodes(editor, {}, { match: Text.isText, split: !0 }), editor.onChange(), editor.selection && Text.isText(textNode) && Transforms.setNodes(
-              editor,
-              {
-                marks: [...textNode.marks || [], annotationKey]
-              },
-              {
-                at: editor.selection,
-                match: (n) => n._type === types.span.name
+        if (originalSelection && (Range.isCollapsed(originalSelection) && (editor.pteExpandToWord(), editor.onChange()), editor.selection)) {
+          let spanPath, markDefPath;
+          const markDefPaths = [];
+          Editor.withoutNormalizing(editor, () => {
+            if (!editor.selection)
+              return;
+            const selectedBlocks = Editor.nodes(editor, {
+              at: editor.selection,
+              match: (node) => editor.isTextBlock(node),
+              reverse: Range.isBackward(editor.selection)
+            });
+            for (const [block, blockPath] of selectedBlocks) {
+              if (block.children.length === 0 || block.children.length === 1 && block.children[0].text === "")
+                continue;
+              const annotationKey = keyGenerator(), markDefs = block.markDefs ?? [];
+              markDefs.find(
+                (markDef) => markDef._type === type.name && markDef._key === annotationKey
+              ) === void 0 && (Transforms.setNodes(
+                editor,
+                {
+                  markDefs: [
+                    ...markDefs,
+                    {
+                      _type: type.name,
+                      _key: annotationKey,
+                      ...value
+                    }
+                  ]
+                },
+                { at: blockPath }
+              ), markDefPath = [
+                { _key: block._key },
+                "markDefs",
+                { _key: annotationKey }
+              ], Range.isBackward(editor.selection) ? markDefPaths.unshift(markDefPath) : markDefPaths.push(markDefPath)), Transforms.setNodes(
+                editor,
+                {},
+                { match: Text.isText, split: !0 }
+              );
+              const children = Node.children(editor, blockPath);
+              for (const [span, path] of children) {
+                if (!editor.isTextSpan(span) || !Range.includes(editor.selection, path))
+                  continue;
+                const marks = span.marks ?? [], existingSameTypeAnnotations = marks.filter(
+                  (mark) => markDefs.some(
+                    (markDef) => markDef._key === mark && markDef._type === type.name
+                  )
+                );
+                Transforms.setNodes(
+                  editor,
+                  {
+                    marks: [
+                      ...marks.filter(
+                        (mark) => !existingSameTypeAnnotations.includes(mark)
+                      ),
+                      annotationKey
+                    ]
+                  },
+                  { at: path }
+                ), spanPath = [{ _key: block._key }, "children", { _key: span._key }];
               }
-            ), editor.onChange();
-            const newPortableTextEditorSelection = toPortableTextRange(
-              fromSlateValue(editor.children, types.block.name, KEY_TO_VALUE_ELEMENT.get(editor)),
-              editor.selection,
-              types
-            );
-            newPortableTextEditorSelection && (returnValue = {
-              spanPath: newPortableTextEditorSelection.focus.path,
-              markDefPath: [{ _key: block._key }, "markDefs", { _key: annotationKey }]
+            }
+            markDefPath && spanPath && (returnValue = {
+              markDefPath,
+              markDefPaths,
+              spanPath
             });
-          }), Editor.normalize(editor), editor.onChange());
+          }), editor.onChange();
         }
         return returnValue;
       },
@@ -1227,34 +1440,98 @@ function createWithEditableAPI(portableTextEditor, types, keyGenerator) {
               voids: !0,
               match: (node) => node._type === types.span.name || // Text children
               !editor.isTextBlock(node) && Element$1.isElement(node)
-            })), editor.children.length === 0 && (editor.children = [editor.pteCreateEmptyBlock()]), editor.onChange();
+            })), editor.children.length === 0 && (editor.children = [editor.pteCreateTextBlock({ decorators: [] })]), editor.onChange();
           }
         }
       },
       removeAnnotation: (type) => {
-        let { selection } = editor;
-        if (debug$j("Removing annotation", type), selection) {
-          if (Range.isCollapsed(selection)) {
-            const [node, nodePath] = Editor.node(editor, selection, { depth: 2 });
-            Text.isText(node) && node.marks && typeof node.text == "string" && (Transforms.select(editor, nodePath), selection = editor.selection);
-          }
-          Editor.withoutNormalizing(editor, () => {
-            if (selection && Range.isExpanded(selection)) {
-              if (selection = editor.selection, !selection)
+        debug$j("Removing annotation", type), Editor.withoutNormalizing(editor, () => {
+          if (editor.selection)
+            if (Range.isCollapsed(editor.selection)) {
+              const [block, blockPath] = Editor.node(editor, editor.selection, {
+                depth: 1
+              });
+              if (!editor.isTextBlock(block))
                 return;
-              [
-                ...Editor.nodes(editor, {
-                  at: selection,
-                  match: (node) => editor.isTextBlock(node) && Array.isArray(node.markDefs) && node.markDefs.some((def) => def._type === type.name)
-                })
-              ].forEach(([block]) => {
-                editor.isTextBlock(block) && Array.isArray(block.markDefs) && block.markDefs.filter((def) => def._type === type.name).forEach((def) => {
-                  Editor.removeMark(editor, def._key);
-                });
+              const potentialAnnotations = (block.markDefs ?? []).filter(
+                (markDef) => markDef._type === type.name
+              ), [selectedChild, selectedChildPath] = Editor.node(
+                editor,
+                editor.selection,
+                {
+                  depth: 2
+                }
+              );
+              if (!editor.isTextSpan(selectedChild))
+                return;
+              const annotationToRemove = selectedChild.marks?.find(
+                (mark) => potentialAnnotations.some((markDef) => markDef._key === mark)
+              );
+              if (!annotationToRemove)
+                return;
+              const previousSpansWithSameAnnotation = [];
+              for (const [child, childPath] of Node.children(editor, blockPath, {
+                reverse: !0
+              }))
+                if (editor.isTextSpan(child) && Path.isBefore(childPath, selectedChildPath))
+                  if (child.marks?.includes(annotationToRemove))
+                    previousSpansWithSameAnnotation.push([child, childPath]);
+                  else
+                    break;
+              const nextSpansWithSameAnnotation = [];
+              for (const [child, childPath] of Node.children(editor, blockPath))
+                if (editor.isTextSpan(child) && Path.isAfter(childPath, selectedChildPath))
+                  if (child.marks?.includes(annotationToRemove))
+                    nextSpansWithSameAnnotation.push([child, childPath]);
+                  else
+                    break;
+              for (const [child, childPath] of [
+                ...previousSpansWithSameAnnotation,
+                [selectedChild, selectedChildPath],
+                ...nextSpansWithSameAnnotation
+              ])
+                Transforms.setNodes(
+                  editor,
+                  {
+                    marks: child.marks?.filter(
+                      (mark) => mark !== annotationToRemove
+                    )
+                  },
+                  { at: childPath }
+                );
+            } else {
+              Transforms.setNodes(
+                editor,
+                {},
+                {
+                  match: (node) => editor.isTextSpan(node),
+                  split: !0,
+                  hanging: !0
+                }
+              );
+              const blocks = Editor.nodes(editor, {
+                at: editor.selection,
+                match: (node) => editor.isTextBlock(node)
               });
+              for (const [block, blockPath] of blocks) {
+                const children = Node.children(editor, blockPath);
+                for (const [child, childPath] of children) {
+                  if (!editor.isTextSpan(child) || !Range.includes(editor.selection, childPath))
+                    continue;
+                  const markDefs = block.markDefs ?? [], marks = child.marks ?? [], marksWithoutAnnotation = marks.filter((mark) => markDefs.find(
+                    (markDef2) => markDef2._key === mark
+                  )?._type !== type.name);
+                  marksWithoutAnnotation.length !== marks.length && Transforms.setNodes(
+                    editor,
+                    {
+                      marks: marksWithoutAnnotation
+                    },
+                    { at: childPath }
+                  );
+                }
+              }
             }
-          }), Editor.normalize(editor), editor.onChange();
-        }
+        }), editor.onChange();
       },
       getSelection: () => {
         let ptRange = null;
@@ -1263,14 +1540,22 @@ function createWithEditableAPI(portableTextEditor, types, keyGenerator) {
           if (existing)
             return existing;
           ptRange = toPortableTextRange(
-            fromSlateValue(editor.children, types.block.name, KEY_TO_VALUE_ELEMENT.get(editor)),
+            fromSlateValue(
+              editor.children,
+              types.block.name,
+              KEY_TO_VALUE_ELEMENT.get(editor)
+            ),
             editor.selection,
             types
           ), SLATE_TO_PORTABLE_TEXT_RANGE.set(editor.selection, ptRange);
         }
         return ptRange;
       },
-      getValue: () => fromSlateValue(editor.children, types.block.name, KEY_TO_VALUE_ELEMENT.get(editor)),
+      getValue: () => fromSlateValue(
+        editor.children,
+        types.block.name,
+        KEY_TO_VALUE_ELEMENT.get(editor)
+      ),
       isCollapsedSelection: () => !!editor.selection && Range.isCollapsed(editor.selection),
       isExpandedSelection: () => !!editor.selection && Range.isExpanded(editor.selection),
       insertBreak: () => {
@@ -1284,23 +1569,94 @@ function createWithEditableAPI(portableTextEditor, types, keyGenerator) {
     }), editor;
   };
 }
-function createWithInsertBreak(types) {
+function createWithInsertBreak(types, keyGenerator) {
   return function(editor) {
     const { insertBreak } = editor;
     return editor.insertBreak = () => {
-      if (editor.selection) {
-        const focusBlockPath = editor.selection.focus.path.slice(0, 1), focusBlock = Node.descendant(editor, focusBlockPath);
-        if (editor.isTextBlock(focusBlock)) {
-          const [, end] = Range.edges(editor.selection), isEndAtStartOfNode = Editor.isStart(editor, end, end.path), isEmptyTextBlock = focusBlock && isEqualToEmptyEditor([focusBlock], types);
-          if (isEndAtStartOfNode && !isEmptyTextBlock) {
-            Editor.insertNode(editor, editor.pteCreateEmptyBlock());
-            const [nextBlockPath] = Path.next(focusBlockPath);
-            Transforms.select(editor, {
-              anchor: { path: [nextBlockPath, 0], offset: 0 },
-              focus: { path: [nextBlockPath, 0], offset: 0 }
-            }), editor.onChange();
-            return;
-          }
+      if (!editor.selection) {
+        insertBreak();
+        return;
+      }
+      const focusBlockPath = editor.selection.focus.path.slice(0, 1), focusBlock = Node.descendant(editor, focusBlockPath);
+      if (editor.isTextBlock(focusBlock)) {
+        const [start, end] = Range.edges(editor.selection), isEndAtStartOfBlock = isEqual(end, {
+          path: [...focusBlockPath, 0],
+          offset: 0
+        });
+        if (isEndAtStartOfBlock && Range.isCollapsed(editor.selection)) {
+          const focusDecorators = editor.isTextSpan(focusBlock.children[0]) ? (focusBlock.children[0].marks ?? []).filter(
+            (mark) => types.decorators.some((decorator) => decorator.value === mark)
+          ) : [];
+          Editor.insertNode(
+            editor,
+            editor.pteCreateTextBlock({ decorators: focusDecorators })
+          );
+          const [nextBlockPath] = Path.next(focusBlockPath);
+          Transforms.select(editor, {
+            anchor: { path: [nextBlockPath, 0], offset: 0 },
+            focus: { path: [nextBlockPath, 0], offset: 0 }
+          }), editor.onChange();
+          return;
+        }
+        const lastFocusBlockChild = focusBlock.children[focusBlock.children.length - 1], isStartAtEndOfBlock = isEqual(start, {
+          path: [...focusBlockPath, focusBlock.children.length - 1],
+          offset: editor.isTextSpan(lastFocusBlockChild) ? lastFocusBlockChild.text.length : 0
+        });
+        if (!isEndAtStartOfBlock && !isStartAtEndOfBlock) {
+          Editor.withoutNormalizing(editor, () => {
+            if (!editor.selection)
+              return;
+            Transforms.splitNodes(editor, {
+              at: editor.selection
+            });
+            const [nextNode, nextNodePath] = Editor.node(
+              editor,
+              Path.next(focusBlockPath),
+              { depth: 1 }
+            );
+            if (Transforms.setSelection(editor, {
+              anchor: { path: [...nextNodePath, 0], offset: 0 },
+              focus: { path: [...nextNodePath, 0], offset: 0 }
+            }), editor.isTextBlock(nextNode) && nextNode.markDefs && nextNode.markDefs.length > 0) {
+              const newMarkDefKeys = /* @__PURE__ */ new Map(), prevNodeSpans = Array.from(
+                Node.children(editor, focusBlockPath)
+              ).map((entry) => entry[0]).filter((node) => editor.isTextSpan(node)), children = Node.children(editor, nextNodePath);
+              for (const [child, childPath] of children) {
+                if (!editor.isTextSpan(child))
+                  continue;
+                const marks = child.marks ?? [];
+                for (const mark of marks)
+                  types.decorators.some(
+                    (decorator) => decorator.value === mark
+                  ) || prevNodeSpans.some(
+                    (prevNodeSpan) => prevNodeSpan.marks?.includes(mark)
+                  ) && !newMarkDefKeys.has(mark) && newMarkDefKeys.set(mark, keyGenerator());
+                const newMarks = marks.map(
+                  (mark) => newMarkDefKeys.get(mark) ?? mark
+                );
+                isEqual(marks, newMarks) || Transforms.setNodes(
+                  editor,
+                  { marks: newMarks },
+                  {
+                    at: childPath
+                  }
+                );
+              }
+              const newMarkDefs = nextNode.markDefs.map((markDef) => ({
+                ...markDef,
+                _key: newMarkDefKeys.get(markDef._key) ?? markDef._key
+              }));
+              isEqual(nextNode.markDefs, newMarkDefs) || Transforms.setNodes(
+                editor,
+                { markDefs: newMarkDefs },
+                {
+                  at: nextNodePath,
+                  match: (node) => editor.isTextBlock(node)
+                }
+              );
+            }
+          }), editor.onChange();
+          return;
         }
       }
       insertBreak();
@@ -2102,9 +2458,11 @@ function createApplyPatch(schemaTypes) {
   let previousPatch;
   return function(editor, patch) {
     let changed = !1;
-    debugVerbose$4 && (debug$i(`
+    debugVerbose$4 && (debug$i(
+      `
 
-NEW PATCH =============================================================`), debug$i(JSON.stringify(patch, null, 2)));
+NEW PATCH =============================================================`
+    ), debug$i(JSON.stringify(patch, null, 2)));
     try {
       switch (patch.type) {
         case "insert":
@@ -2129,14 +2487,19 @@ NEW PATCH =============================================================`), debug
   };
 }
 function diffMatchPatch(editor, patch) {
-  const { block, child, childPath } = findBlockAndChildFromPath(editor, patch.path);
+  const { block, child, childPath } = findBlockAndChildFromPath(
+    editor,
+    patch.path
+  );
   if (!block)
     return debug$i("Block not found"), !1;
   if (!child || !childPath)
     return debug$i("Child not found"), !1;
   if (!(block && editor.isTextBlock(block) && patch.path.length === 4 && patch.path[1] === "children" && patch.path[3] === "text") || !Text.isText(child))
     return !1;
-  const patches = parse(patch.value), [newValue] = apply(patches, child.text, { allowExceedingIndices: !0 }), diff$1 = cleanupEfficiency(diff(child.text, newValue), 5);
+  const patches = parse(patch.value), [newValue] = apply(patches, child.text, {
+    allowExceedingIndices: !0
+  }), diff$1 = cleanupEfficiency(diff(child.text, newValue), 5);
   debugState(editor, "before");
   let offset = 0;
   for (const [op, text] of diff$1)
@@ -2170,12 +2533,17 @@ function insertPatch(editor, patch, schemaTypes) {
     { schemaTypes },
     KEY_TO_SLATE_ELEMENT.get(editor)
   ), targetChildIndex = targetChildPath[1], normalizedIdx = position === "after" ? targetChildIndex + 1 : targetChildIndex, childInsertPath = [targetChildPath[0], normalizedIdx];
-  return debug$i(`Inserting children at path ${childInsertPath}`), debugState(editor, "before"), childrenToInsert && Element$1.isElement(childrenToInsert[0]) && Transforms.insertNodes(editor, childrenToInsert[0].children, { at: childInsertPath }), debugState(editor, "after"), !0;
+  return debug$i(`Inserting children at path ${childInsertPath}`), debugState(editor, "before"), childrenToInsert && Element$1.isElement(childrenToInsert[0]) && Transforms.insertNodes(editor, childrenToInsert[0].children, {
+    at: childInsertPath
+  }), debugState(editor, "after"), !0;
 }
 function setPatch(editor, patch) {
   let value = patch.value;
   typeof patch.path[3] == "string" && (value = {}, value[patch.path[3]] = patch.value);
-  const { block, blockPath, child, childPath } = findBlockAndChildFromPath(editor, patch.path);
+  const { block, blockPath, child, childPath } = findBlockAndChildFromPath(
+    editor,
+    patch.path
+  );
   if (!block)
     return debug$i("Block not found"), !1;
   const isTextBlock = editor.isTextBlock(block);
@@ -2236,12 +2604,15 @@ function unsetPatch(editor, patch, previousPatch) {
     const previousSelection = editor.selection;
     return Transforms.deselect(editor), editor.children.forEach((c, i) => {
       Transforms.removeNodes(editor, { at: [i] });
-    }), Transforms.insertNodes(editor, editor.pteCreateEmptyBlock()), previousSelection && Transforms.select(editor, {
+    }), Transforms.insertNodes(editor, editor.pteCreateTextBlock({ decorators: [] })), previousSelection && Transforms.select(editor, {
       anchor: { path: [0, 0], offset: 0 },
       focus: { path: [0, 0], offset: 0 }
     }), editor.onChange(), debugState(editor, "after"), !0;
   }
-  const { block, blockPath, child, childPath } = findBlockAndChildFromPath(editor, patch.path);
+  const { block, blockPath, child, childPath } = findBlockAndChildFromPath(
+    editor,
+    patch.path
+  );
   if (patch.path.length === 1) {
     if (!block || !blockPath)
       return debug$i("Block not found"), !1;
@@ -2273,7 +2644,12 @@ function findBlockAndChildFromPath(editor, path) {
     const isMatch = isKeyedSegment(path[2]) ? node._key === path[2]._key : index === path[2];
     return isMatch && (childIndex = index), isMatch;
   });
-  return child ? { block, child, blockPath, childPath: blockPath?.concat(childIndex) } : { block, blockPath, child: void 0, childPath: void 0 };
+  return child ? {
+    block,
+    child,
+    blockPath,
+    childPath: blockPath?.concat(childIndex)
+  } : { block, blockPath, child: void 0, childPath: void 0 };
 }
 const PATCHING = /* @__PURE__ */ new WeakMap();
 function withoutPatching(editor, fn) {
@@ -2302,10 +2678,17 @@ function createWithUndoRedo(options) {
         patches.forEach((patch) => {
           if (!reset && patch.origin !== "local" && remotePatches) {
             if (patch.type === "unset" && patch.path.length === 0) {
-              debug$h("Someone else cleared the content, resetting undo/redo history"), editor.history = { undos: [], redos: [] }, remotePatches.splice(0, remotePatches.length), SAVING.set(editor, !0), reset = !0;
+              debug$h(
+                "Someone else cleared the content, resetting undo/redo history"
+              ), editor.history = { undos: [], redos: [] }, remotePatches.splice(0, remotePatches.length), SAVING.set(editor, !0), reset = !0;
               return;
             }
-            remotePatches.push({ patch, time: /* @__PURE__ */ new Date(), snapshot, previousSnapshot });
+            remotePatches.push({
+              patch,
+              time: /* @__PURE__ */ new Date(),
+              snapshot,
+              previousSnapshot
+            });
           }
         }), previousSnapshot = snapshot;
       });
@@ -2326,7 +2709,10 @@ function createWithUndoRedo(options) {
           step.operations.push(op);
         else {
           const newStep = {
-            operations: [...editor.selection === null ? [] : [createSelectOperation(editor)], op],
+            operations: [
+              ...editor.selection === null ? [] : [createSelectOperation(editor)],
+              op
+            ],
             timestamp: /* @__PURE__ */ new Date()
           };
           undos.push(newStep), debug$h("Created new undo step", step);
@@ -2343,12 +2729,20 @@ function createWithUndoRedo(options) {
       if (undos.length > 0) {
         const step = undos[undos.length - 1];
         if (debug$h("Undoing", step), step.operations.length > 0) {
-          const otherPatches = remotePatches.filter((item) => item.time >= step.timestamp);
+          const otherPatches = remotePatches.filter(
+            (item) => item.time >= step.timestamp
+          );
           let transformedOperations = step.operations;
           otherPatches.forEach((item) => {
             transformedOperations = flatten(
               transformedOperations.map(
-                (op) => transformOperation(editor, item.patch, op, item.snapshot, item.previousSnapshot)
+                (op) => transformOperation(
+                  editor,
+                  item.patch,
+                  op,
+                  item.snapshot,
+                  item.previousSnapshot
+                )
               )
             );
           });
@@ -2377,12 +2771,20 @@ function createWithUndoRedo(options) {
       if (redos.length > 0) {
         const step = redos[redos.length - 1];
         if (debug$h("Redoing", step), step.operations.length > 0) {
-          const otherPatches = remotePatches.filter((item) => item.time >= step.timestamp);
+          const otherPatches = remotePatches.filter(
+            (item) => item.time >= step.timestamp
+          );
           let transformedOperations = step.operations;
           otherPatches.forEach((item) => {
             transformedOperations = flatten(
               transformedOperations.map(
-                (op) => transformOperation(editor, item.patch, op, item.snapshot, item.previousSnapshot)
+                (op) => transformOperation(
+                  editor,
+                  item.patch,
+                  op,
+                  item.snapshot,
+                  item.previousSnapshot
+                )
               )
             );
           });
@@ -2407,7 +2809,9 @@ function createWithUndoRedo(options) {
   };
 }
 function transformOperation(editor, patch, operation, snapshot, previousSnapshot) {
-  debugVerbose$3 && (debug$h(`Adjusting '${operation.type}' operation paths for '${patch.type}' patch`), debug$h(`Operation ${JSON.stringify(operation)}`), debug$h(`Patch ${JSON.stringify(patch)}`));
+  debugVerbose$3 && (debug$h(
+    `Adjusting '${operation.type}' operation paths for '${patch.type}' patch`
+  ), debug$h(`Operation ${JSON.stringify(operation)}`), debug$h(`Patch ${JSON.stringify(patch)}`));
   const transformedOperation = { ...operation };
   if (patch.type === "insert" && patch.path.length === 1) {
     const insertBlockIndex = (snapshot || []).findIndex(
@@ -2415,7 +2819,13 @@ function transformOperation(editor, patch, operation, snapshot, previousSnapshot
     );
     return debug$h(
       `Adjusting block path (+${patch.items.length}) for '${transformedOperation.type}' operation and patch '${patch.type}'`
-    ), [adjustBlockPath(transformedOperation, patch.items.length, insertBlockIndex)];
+    ), [
+      adjustBlockPath(
+        transformedOperation,
+        patch.items.length,
+        insertBlockIndex
+      )
+    ];
   }
   if (patch.type === "unset" && patch.path.length === 1) {
     const unsetBlockIndex = (previousSnapshot || []).findIndex(
@@ -2426,9 +2836,14 @@ function transformOperation(editor, patch, operation, snapshot, previousSnapshot
     )), [adjustBlockPath(transformedOperation, -1, unsetBlockIndex)]);
   }
   if (patch.type === "unset" && patch.path.length === 0)
-    return debug$h(`Adjusting selection for unset everything patch and ${operation.type} operation`), [];
+    return debug$h(
+      `Adjusting selection for unset everything patch and ${operation.type} operation`
+    ), [];
   if (patch.type === "diffMatchPatch") {
-    const operationTargetBlock = findOperationTargetBlock(editor, transformedOperation);
+    const operationTargetBlock = findOperationTargetBlock(
+      editor,
+      transformedOperation
+    );
     return !operationTargetBlock || !isEqual({ _key: operationTargetBlock._key }, patch.path[0]) ? [transformedOperation] : (parse(patch.value).forEach((diffPatch) => {
       let adjustOffsetBy = 0, changedOffset = diffPatch.utf8Start1;
       const { diffs } = diffPatch;
@@ -2454,7 +2869,10 @@ function transformOperation(editor, patch, operation, snapshot, previousSnapshot
 function adjustBlockPath(operation, level, blockIndex) {
   const transformedOperation = { ...operation };
   if (blockIndex >= 0 && transformedOperation.type !== "set_selection" && Array.isArray(transformedOperation.path) && transformedOperation.path[0] >= blockIndex + level && transformedOperation.path[0] + level > -1) {
-    const newPath = [transformedOperation.path[0] + level, ...transformedOperation.path.slice(1)];
+    const newPath = [
+      transformedOperation.path[0] + level,
+      ...transformedOperation.path.slice(1)
+    ];
     transformedOperation.path = newPath;
   }
   if (transformedOperation.type === "set_selection") {
@@ -2542,31 +2960,51 @@ function createWithPatches({
         case "insert_text":
           patches = [
             ...patches,
-            ...patchFunctions.insertTextPatch(editor, operation, previousChildren)
+            ...patchFunctions.insertTextPatch(
+              editor,
+              operation,
+              previousChildren
+            )
           ];
           break;
         case "remove_text":
           patches = [
             ...patches,
-            ...patchFunctions.removeTextPatch(editor, operation, previousChildren)
+            ...patchFunctions.removeTextPatch(
+              editor,
+              operation,
+              previousChildren
+            )
           ];
           break;
         case "remove_node":
           patches = [
             ...patches,
-            ...patchFunctions.removeNodePatch(editor, operation, previousChildren)
+            ...patchFunctions.removeNodePatch(
+              editor,
+              operation,
+              previousChildren
+            )
           ];
           break;
         case "split_node":
           patches = [
             ...patches,
-            ...patchFunctions.splitNodePatch(editor, operation, previousChildren)
+            ...patchFunctions.splitNodePatch(
+              editor,
+              operation,
+              previousChildren
+            )
           ];
           break;
         case "insert_node":
           patches = [
             ...patches,
-            ...patchFunctions.insertNodePatch(editor, operation, previousChildren)
+            ...patchFunctions.insertNodePatch(
+              editor,
+              operation,
+              previousChildren
+            )
           ];
           break;
         case "set_node":
@@ -2578,17 +3016,27 @@ function createWithPatches({
         case "merge_node":
           patches = [
             ...patches,
-            ...patchFunctions.mergeNodePatch(editor, operation, previousChildren)
+            ...patchFunctions.mergeNodePatch(
+              editor,
+              operation,
+              previousChildren
+            )
           ];
           break;
         case "move_node":
           patches = [
             ...patches,
-            ...patchFunctions.moveNodePatch(editor, operation, previousChildren)
+            ...patchFunctions.moveNodePatch(
+              editor,
+              operation,
+              previousChildren
+            )
           ];
           break;
       }
-      return !editorWasEmpty && editorIsEmpty && ["merge_node", "set_node", "remove_text", "remove_node"].includes(operation.type) && (patches = [...patches, unset([])], change$.next({
+      return !editorWasEmpty && editorIsEmpty && ["merge_node", "set_node", "remove_text", "remove_node"].includes(
+        operation.type
+      ) && (patches = [...patches, unset([])], change$.next({
         type: "unset",
         previousValue: fromSlateValue(
           previousChildren,
@@ -2621,7 +3069,10 @@ function createWithPlaceholderBlock() {
         const node = op.node;
         if (op.path[0] === 0 && Editor.isVoid(editor, node)) {
           const nextPath = Path.next(op.path);
-          editor.children[nextPath[0]] || (debug$f("Adding placeholder block"), Editor.insertNode(editor, editor.pteCreateEmptyBlock()));
+          editor.children[nextPath[0]] || (debug$f("Adding placeholder block"), Editor.insertNode(
+            editor,
+            editor.pteCreateTextBlock({ decorators: [] })
+          ));
         }
       }
       apply2(op);
@@ -2640,7 +3091,11 @@ function createWithPortableTextBlockStyle(types) {
         if (op.type === "split_node" && op.path.length === 1 && editor.isTextBlock(op.properties) && op.properties.style !== defaultStyle && op.path[0] === path[0] && !Path.equals(path, op.path)) {
           const [child] = Editor.node(editor, [op.path[0] + 1, 0]);
           if (Text.isText(child) && child.text === "") {
-            debug$e(`Normalizing split node to ${defaultStyle} style`, op), Transforms.setNodes(editor, { style: defaultStyle }, { at: [op.path[0] + 1], voids: !1 });
+            debug$e(`Normalizing split node to ${defaultStyle} style`, op), Transforms.setNodes(
+              editor,
+              { style: defaultStyle },
+              { at: [op.path[0] + 1], voids: !1 }
+            );
             break;
           }
         }
@@ -2656,9 +3111,13 @@ function createWithPortableTextBlockStyle(types) {
           match: (node) => editor.isTextBlock(node)
         })
       ].forEach(([node, path]) => {
-        editor.isTextBlock(node) && node.style === blockStyle ? (debug$e(`Unsetting block style '${blockStyle}'`), Transforms.setNodes(editor, { ...node, style: defaultStyle }, {
-          at: path
-        })) : (blockStyle ? debug$e(`Setting style '${blockStyle}'`) : debug$e("Setting default style", defaultStyle), Transforms.setNodes(
+        editor.isTextBlock(node) && node.style === blockStyle ? (debug$e(`Unsetting block style '${blockStyle}'`), Transforms.setNodes(
+          editor,
+          { ...node, style: defaultStyle },
+          {
+            at: path
+          }
+        )) : (blockStyle ? debug$e(`Setting style '${blockStyle}'`) : debug$e("Setting default style", defaultStyle), Transforms.setNodes(
           editor,
           {
             ...node,
@@ -2740,7 +3199,13 @@ function createWithPortableTextLists(types) {
       return selectedBlocks.length === 0 ? !1 : (selectedBlocks.forEach(([node, path]) => {
         if (editor.isListBlock(node)) {
           let level = node.level || 1;
-          reverse ? (level--, debug$d("Decrementing list level", Math.min(MAX_LIST_LEVEL, Math.max(1, level)))) : (level++, debug$d("Incrementing list level", Math.min(MAX_LIST_LEVEL, Math.max(1, level)))), Transforms.setNodes(
+          reverse ? (level--, debug$d(
+            "Decrementing list level",
+            Math.min(MAX_LIST_LEVEL, Math.max(1, level))
+          )) : (level++, debug$d(
+            "Incrementing list level",
+            Math.min(MAX_LIST_LEVEL, Math.max(1, level))
+          )), Transforms.setNodes(
             editor,
             { level: Math.min(MAX_LIST_LEVEL, Math.max(1, level)) },
             { at: path }
@@ -2782,11 +3247,15 @@ function createWithPortableTextMarkModel(types, change$, keyGenerator) {
   return function(editor) {
     const { apply: apply2, normalizeNode } = editor, decorators = types.decorators.map((t) => t.value), forceNewSelection = () => {
       editor.selection && (Transforms.select(editor, { ...editor.selection }), editor.selection = { ...editor.selection });
-      const ptRange = toPortableTextRange(editor.children, editor.selection, types);
+      const ptRange = toPortableTextRange(
+        editor.children,
+        editor.selection,
+        types
+      );
       change$.next({ type: "selection", selection: ptRange });
     };
     return editor.normalizeNode = (nodeEntry) => {
-      const [node, path] = nodeEntry, isSpan = Text.isText(node) && node._type === types.span.name, isTextBlock = editor.isTextBlock(node);
+      const [node, path] = nodeEntry;
       if (editor.isTextBlock(node)) {
         const children = Node.children(editor, path);
         for (const [child, childPath] of children) {
@@ -2796,73 +3265,80 @@ function createWithPortableTextMarkModel(types, change$, keyGenerator) {
               "Merging spans",
               JSON.stringify(child, null, 2),
               JSON.stringify(nextNode, null, 2)
-            ), Transforms.mergeNodes(editor, { at: [childPath[0], childPath[1] + 1], voids: !0 });
+            ), Transforms.mergeNodes(editor, {
+              at: [childPath[0], childPath[1] + 1],
+              voids: !0
+            });
             return;
           }
         }
       }
-      if (isSpan || isTextBlock) {
-        if (isSpan && !Array.isArray(node.marks)) {
-          debug$c("Adding .marks to span node"), Transforms.setNodes(editor, { marks: [] }, { at: path });
-          return;
-        }
-        if (isSpan && (node.marks || []).length > 0) {
-          const spanMarks = node.marks || EMPTY_MARKS$1, annotationMarks = spanMarks.filter(
-            (mark) => !types.decorators.map((dec) => dec.value).includes(mark)
+      if (editor.isTextBlock(node) && !Array.isArray(node.markDefs)) {
+        debug$c("Adding .markDefs to block node"), Transforms.setNodes(editor, { markDefs: [] }, { at: path });
+        return;
+      }
+      if (editor.isTextSpan(node) && !Array.isArray(node.marks)) {
+        debug$c("Adding .marks to span node"), Transforms.setNodes(editor, { marks: [] }, { at: path });
+        return;
+      }
+      if (editor.isTextSpan(node)) {
+        const blockPath = Path.parent(path), [block] = Editor.node(editor, blockPath), decorators2 = types.decorators.map((decorator) => decorator.value), annotations = node.marks?.filter(
+          (mark) => !decorators2.includes(mark)
+        );
+        if (editor.isTextBlock(block) && node.text === "" && annotations && annotations.length > 0) {
+          debug$c("Removing annotations from empty span node"), Transforms.setNodes(
+            editor,
+            { marks: node.marks?.filter((mark) => decorators2.includes(mark)) },
+            { at: path }
           );
-          if (annotationMarks.length > 0) {
-            const [block] = Editor.node(editor, Path.parent(path)), orphanedMarks = editor.isTextBlock(block) && annotationMarks.filter(
-              (mark) => !block.markDefs?.find((def) => def._key === mark)
-            ) || [];
-            if (orphanedMarks.length > 0) {
-              debug$c("Removing orphaned .marks from span node"), Transforms.setNodes(
-                editor,
-                { marks: spanMarks.filter((mark) => !orphanedMarks.includes(mark)) },
-                { at: path }
-              );
-              return;
-            }
-          }
+          return;
         }
-        for (const op of editor.operations) {
-          if (op.type === "merge_node" && op.path.length === 1 && "markDefs" in op.properties && op.properties._type === types.block.name && Array.isArray(op.properties.markDefs) && op.properties.markDefs.length > 0 && op.path[0] - 1 >= 0) {
-            const [targetBlock, targetPath] = Editor.node(editor, [op.path[0] - 1]);
-            if (debug$c("Copying markDefs over to merged block", op), editor.isTextBlock(targetBlock)) {
-              const oldDefs = Array.isArray(targetBlock.markDefs) && targetBlock.markDefs || [], newMarkDefs = uniq([...oldDefs, ...op.properties.markDefs]);
-              if (!isEqual(newMarkDefs, targetBlock.markDefs)) {
-                Transforms.setNodes(editor, { markDefs: newMarkDefs }, { at: targetPath, voids: !1 });
-                return;
-              }
-            }
-          }
-          if (op.type === "split_node" && op.path.length === 1 && Element$1.isElementProps(op.properties) && op.properties._type === types.block.name && "markDefs" in op.properties && Array.isArray(op.properties.markDefs) && op.properties.markDefs.length > 0 && op.path[0] + 1 < editor.children.length) {
-            const [targetBlock, targetPath] = Editor.node(editor, [op.path[0] + 1]);
-            if (debug$c("Copying markDefs over to split block", op), editor.isTextBlock(targetBlock)) {
-              const oldDefs = Array.isArray(targetBlock.markDefs) && targetBlock.markDefs || [];
-              Transforms.setNodes(
+      }
+      if (editor.isTextBlock(node)) {
+        const decorators2 = types.decorators.map((decorator) => decorator.value);
+        for (const [child, childPath] of Node.children(editor, path))
+          if (editor.isTextSpan(child)) {
+            const marks = child.marks ?? [], orphanedAnnotations = marks.filter((mark) => !decorators2.includes(mark) && !node.markDefs?.find((def) => def._key === mark));
+            if (orphanedAnnotations.length > 0) {
+              debug$c("Removing orphaned annotations from span node"), Transforms.setNodes(
                 editor,
-                { markDefs: uniq([...oldDefs, ...op.properties.markDefs]) },
-                { at: targetPath, voids: !1 }
+                {
+                  marks: marks.filter(
+                    (mark) => !orphanedAnnotations.includes(mark)
+                  )
+                },
+                { at: childPath }
               );
               return;
             }
           }
-          if (op.type === "split_node" && op.path.length === 2 && op.properties._type === types.span.name && "marks" in op.properties && Array.isArray(op.properties.marks) && op.properties.marks.length > 0 && op.path[0] + 1 < editor.children.length) {
-            const [child, childPath] = Editor.node(editor, [op.path[0] + 1, 0]);
-            if (Text.isText(child) && child.text === "" && Array.isArray(child.marks) && child.marks.length > 0) {
-              Transforms.setNodes(editor, { marks: [] }, { at: childPath, voids: !1 });
-              return;
-            }
-          }
-          if (op.type === "split_node" && op.path.length === 1 && op.properties._type === types.block.name && "markDefs" in op.properties && Array.isArray(op.properties.markDefs) && op.properties.markDefs.length > 0) {
-            const [block, blockPath] = Editor.node(editor, [op.path[0]]);
-            if (editor.isTextBlock(block) && block.children.length === 1 && block.markDefs && block.markDefs.length > 0 && Text.isText(block.children[0]) && block.children[0].text === "" && (!block.children[0].marks || block.children[0].marks.length === 0)) {
-              Transforms.setNodes(editor, { markDefs: [] }, { at: blockPath });
-              return;
-            }
+      }
+      if (editor.isTextSpan(node)) {
+        const blockPath = Path.parent(path), [block] = Editor.node(editor, blockPath);
+        if (editor.isTextBlock(block)) {
+          const decorators2 = types.decorators.map(
+            (decorator) => decorator.value
+          ), marks = node.marks ?? [], orphanedAnnotations = marks.filter((mark) => !decorators2.includes(mark) && !block.markDefs?.find((def) => def._key === mark));
+          if (orphanedAnnotations.length > 0) {
+            debug$c("Removing orphaned annotations from span node"), Transforms.setNodes(
+              editor,
+              {
+                marks: marks.filter(
+                  (mark) => !orphanedAnnotations.includes(mark)
+                )
+              },
+              { at: path }
+            );
+            return;
           }
         }
       }
+      if (editor.isTextBlock(node)) {
+        const markDefs = node.markDefs ?? [], markDefKeys = /* @__PURE__ */ new Set(), newMarkDefs = [];
+        for (const markDef of markDefs)
+          markDefKeys.has(markDef._key) || (markDefKeys.add(markDef._key), newMarkDefs.push(markDef));
+        markDefs.length !== newMarkDefs.length && (debug$c("Removing duplicate markDefs"), Transforms.setNodes(editor, { markDefs: newMarkDefs }, { at: path }));
+      }
       if (editor.isTextBlock(node) && !editor.operations.some(
         (op) => op.type === "merge_node" && "markDefs" in op.properties && op.path.length === 1
       )) {
@@ -2890,7 +3366,9 @@ function createWithPortableTextMarkModel(types, change$, keyGenerator) {
       }
       if (op.type === "insert_text") {
         const { selection } = editor;
-        if (selection && Range.isCollapsed(selection) && Editor.marks(editor)?.marks?.some((mark) => !decorators.includes(mark))) {
+        if (selection && Range.isCollapsed(selection) && Editor.marks(editor)?.marks?.some(
+          (mark) => !decorators.includes(mark)
+        )) {
           const [node] = Array.from(
             Editor.nodes(editor, {
               mode: "lowest",
@@ -2941,7 +3419,11 @@ function createWithPortableTextMarkModel(types, change$, keyGenerator) {
               ...Editor.marks(editor) || {}
             }.marks || []).filter((mark) => decorators.includes(mark));
             Editor.withoutNormalizing(editor, () => {
-              apply2(op), Transforms.setNodes(editor, { marks: marksWithoutAnnotationMarks }, { at: op.path });
+              apply2(op), Transforms.setNodes(
+                editor,
+                { marks: marksWithoutAnnotationMarks },
+                { at: op.path }
+              );
             }), editor.onChange();
             return;
           }
@@ -2953,13 +3435,34 @@ function createWithPortableTextMarkModel(types, change$, keyGenerator) {
           }
         }
       }
+      if (op.type === "merge_node" && op.path.length === 1 && "markDefs" in op.properties && op.properties._type === types.block.name && Array.isArray(op.properties.markDefs) && op.properties.markDefs.length > 0 && op.path[0] - 1 >= 0) {
+        const [targetBlock, targetPath] = Editor.node(editor, [op.path[0] - 1]);
+        if (editor.isTextBlock(targetBlock)) {
+          const oldDefs = Array.isArray(targetBlock.markDefs) && targetBlock.markDefs || [], newMarkDefs = uniq([...oldDefs, ...op.properties.markDefs]);
+          debug$c("Copying markDefs over to merged block", op), Transforms.setNodes(
+            editor,
+            { markDefs: newMarkDefs },
+            { at: targetPath, voids: !1 }
+          ), apply2(op);
+          return;
+        }
+      }
       apply2(op);
     }, editor.addMark = (mark) => {
       if (editor.selection) {
         if (Range.isExpanded(editor.selection))
           Editor.withoutNormalizing(editor, () => {
-            Transforms.setNodes(editor, {}, { match: Text.isText, split: !0 });
-            const splitTextNodes = Range.isRange(editor.selection) ? [...Editor.nodes(editor, { at: editor.selection, match: Text.isText })] : [];
+            Transforms.setNodes(
+              editor,
+              {},
+              { match: Text.isText, split: !0, hanging: !0 }
+            );
+            const splitTextNodes = Range.isRange(editor.selection) ? [
+              ...Editor.nodes(editor, {
+                at: editor.selection,
+                match: Text.isText
+              })
+            ] : [];
             splitTextNodes.length > 1 && splitTextNodes.every((node) => node[0].marks?.includes(mark)) ? editor.removeMark(mark) : splitTextNodes.forEach(([node, path]) => {
               const marks = [
                 ...(Array.isArray(node.marks) ? node.marks : []).filter(
@@ -2975,13 +3478,32 @@ function createWithPortableTextMarkModel(types, change$, keyGenerator) {
             });
           });
         else {
-          const existingMarks = {
-            ...Editor.marks(editor) || {}
-          }.marks || [], marks = {
-            ...Editor.marks(editor) || {},
-            marks: [...existingMarks, mark]
-          };
-          return editor.marks = marks, forceNewSelection(), editor;
+          const [block, blockPath] = Editor.node(editor, editor.selection, {
+            depth: 1
+          }), lonelyEmptySpan = editor.isTextBlock(block) && block.children.length === 1 && editor.isTextSpan(block.children[0]) && block.children[0].text === "" ? block.children[0] : void 0;
+          if (lonelyEmptySpan) {
+            const existingMarks = lonelyEmptySpan.marks ?? [], existingMarksWithoutDecorator = existingMarks.filter(
+              (existingMark) => existingMark !== mark
+            );
+            Transforms.setNodes(
+              editor,
+              {
+                marks: existingMarks.length === existingMarksWithoutDecorator.length ? [...existingMarks, mark] : existingMarksWithoutDecorator
+              },
+              {
+                at: blockPath,
+                match: (node) => editor.isTextSpan(node)
+              }
+            );
+          } else {
+            const existingMarks = {
+              ...Editor.marks(editor) || {}
+            }.marks || [], marks = {
+              ...Editor.marks(editor) || {},
+              marks: [...existingMarks, mark]
+            };
+            return editor.marks = marks, forceNewSelection(), editor;
+          }
         }
         editor.onChange(), forceNewSelection();
       }
@@ -2991,16 +3513,21 @@ function createWithPortableTextMarkModel(types, change$, keyGenerator) {
       if (selection) {
         if (Range.isExpanded(selection))
           Editor.withoutNormalizing(editor, () => {
-            Transforms.setNodes(editor, {}, { match: Text.isText, split: !0 }), editor.selection && [
-              ...Editor.nodes(editor, { at: editor.selection, match: Text.isText })
+            Transforms.setNodes(
+              editor,
+              {},
+              { match: Text.isText, split: !0, hanging: !0 }
+            ), editor.selection && [
+              ...Editor.nodes(editor, {
+                at: editor.selection,
+                match: Text.isText
+              })
             ].forEach(([node, path]) => {
               const block = editor.children[path[0]];
               Element$1.isElement(block) && block.children.includes(node) && Transforms.setNodes(
                 editor,
                 {
-                  marks: (Array.isArray(node.marks) ? node.marks : []).filter(
-                    (eMark) => eMark !== mark
-                  ),
+                  marks: (Array.isArray(node.marks) ? node.marks : []).filter((eMark) => eMark !== mark),
                   _type: "span"
                 },
                 { at: path }
@@ -3008,13 +3535,32 @@ function createWithPortableTextMarkModel(types, change$, keyGenerator) {
             });
           }), Editor.normalize(editor);
         else {
-          const existingMarks = {
-            ...Editor.marks(editor) || {}
-          }.marks || [], marks = {
-            ...Editor.marks(editor) || {},
-            marks: existingMarks.filter((eMark) => eMark !== mark)
-          };
-          return editor.marks = { marks: marks.marks, _type: "span" }, forceNewSelection(), editor;
+          const [block, blockPath] = Editor.node(editor, selection, {
+            depth: 1
+          }), lonelyEmptySpan = editor.isTextBlock(block) && block.children.length === 1 && editor.isTextSpan(block.children[0]) && block.children[0].text === "" ? block.children[0] : void 0;
+          if (lonelyEmptySpan) {
+            const existingMarksWithoutDecorator = (lonelyEmptySpan.marks ?? []).filter(
+              (existingMark) => existingMark !== mark
+            );
+            Transforms.setNodes(
+              editor,
+              {
+                marks: existingMarksWithoutDecorator
+              },
+              {
+                at: blockPath,
+                match: (node) => editor.isTextSpan(node)
+              }
+            );
+          } else {
+            const existingMarks = {
+              ...Editor.marks(editor) || {}
+            }.marks || [], marks = {
+              ...Editor.marks(editor) || {},
+              marks: existingMarks.filter((eMark) => eMark !== mark)
+            };
+            return editor.marks = { marks: marks.marks, _type: "span" }, forceNewSelection(), editor;
+          }
         }
         editor.onChange(), forceNewSelection();
       }
@@ -3079,7 +3625,11 @@ function createWithSchemaTypes({
       if (node._type === void 0 && path.length === 2) {
         debug$a("Setting span type on text node without a type");
         const span = node, key = span._key || keyGenerator();
-        Transforms.setNodes(editor, { ...span, _type: schemaTypes.span.name, _key: key }, { at: path });
+        Transforms.setNodes(
+          editor,
+          { ...span, _type: schemaTypes.span.name, _key: key },
+          { at: path }
+        );
       }
       if (node._key === void 0 && (path.length === 1 || path.length === 2)) {
         debug$a("Setting missing key on child node without a key");
@@ -3091,7 +3641,11 @@ function createWithSchemaTypes({
   };
 }
 const debug$9 = debugWithName("plugin:withUtils");
-function createWithUtils({ schemaTypes, keyGenerator, portableTextEditor }) {
+function createWithUtils({
+  schemaTypes,
+  keyGenerator,
+  portableTextEditor
+}) {
   return function(editor) {
     return editor.pteExpandToWord = () => {
       const { selection } = editor;
@@ -3111,7 +3665,7 @@ function createWithUtils({ schemaTypes, keyGenerator, portableTextEditor }) {
         }
         debug$9("pteExpandToWord: Can't expand to word here");
       }
-    }, editor.pteCreateEmptyBlock = () => toSlateValue(
+    }, editor.pteCreateTextBlock = (options) => toSlateValue(
       [
         {
           _type: schemaTypes.block.name,
@@ -3123,7 +3677,9 @@ function createWithUtils({ schemaTypes, keyGenerator, portableTextEditor }) {
               _type: "span",
               _key: keyGenerator(),
               text: "",
-              marks: []
+              marks: options.decorators.filter(
+                (decorator) => schemaTypes.decorators.find(({ value }) => value === decorator)
+              )
             }
           ]
         }
@@ -3172,59 +3728,46 @@ function createWithHotkeys(types, portableTextEditor, hotkeysFromOptions) {
             }
           }
       });
-      const isEnter = isHotkey("enter", event.nativeEvent), isTab = isHotkey("tab", event.nativeEvent), isShiftEnter = isHotkey("shift+enter", event.nativeEvent), isShiftTab = isHotkey("shift+tab", event.nativeEvent), isBackspace = isHotkey("backspace", event.nativeEvent), isDelete = isHotkey("delete", event.nativeEvent), isArrowDown = isHotkey("down", event.nativeEvent), isArrowUp = isHotkey("up", event.nativeEvent);
+      const isEnter = isHotkey("enter", event.nativeEvent), isTab = isHotkey("tab", event.nativeEvent), isShiftEnter = isHotkey("shift+enter", event.nativeEvent), isShiftTab = isHotkey("shift+tab", event.nativeEvent), isArrowDown = isHotkey("down", event.nativeEvent), isArrowUp = isHotkey("up", event.nativeEvent);
       if (isArrowDown && editor.selection) {
-        const focusBlock = Node.descendant(editor, editor.selection.focus.path.slice(0, 1));
+        const focusBlock = Node.descendant(
+          editor,
+          editor.selection.focus.path.slice(0, 1)
+        );
         if (focusBlock && Editor.isVoid(editor, focusBlock)) {
           const nextPath = Path.next(editor.selection.focus.path.slice(0, 1));
           if (!Node.has(editor, nextPath)) {
-            Transforms.insertNodes(editor, editor.pteCreateEmptyBlock(), { at: nextPath }), editor.onChange();
+            Transforms.insertNodes(
+              editor,
+              editor.pteCreateTextBlock({ decorators: [] }),
+              {
+                at: nextPath
+              }
+            ), editor.onChange();
             return;
           }
         }
       }
       if (isArrowUp && editor.selection) {
-        const isFirstBlock = editor.selection.focus.path[0] === 0, focusBlock = Node.descendant(editor, editor.selection.focus.path.slice(0, 1));
-        if (isFirstBlock && focusBlock && Editor.isVoid(editor, focusBlock)) {
-          Transforms.insertNodes(editor, editor.pteCreateEmptyBlock(), { at: [0] }), Transforms.select(editor, { path: [0, 0], offset: 0 }), editor.onChange();
-          return;
-        }
-      }
-      if (isBackspace && editor.selection && editor.selection.focus.path[0] === 0 && Range.isCollapsed(editor.selection)) {
-        const focusBlock = Node.descendant(editor, editor.selection.focus.path.slice(0, 1)), nextPath = Path.next(editor.selection.focus.path.slice(0, 1)), nextBlock = Node.has(editor, nextPath), isTextBlock = isPortableTextTextBlock(focusBlock), isEmptyFocusBlock = isTextBlock && focusBlock.children.length === 1 && focusBlock.children?.[0]?.text === "";
-        if (nextBlock && isTextBlock && isEmptyFocusBlock) {
-          event.preventDefault(), event.stopPropagation(), Transforms.removeNodes(editor, { match: (n) => n === focusBlock }), editor.onChange();
-          return;
-        }
-      }
-      if (isBackspace && editor.selection && editor.selection.focus.path[0] > 0 && Range.isCollapsed(editor.selection)) {
-        const prevPath = Path.previous(editor.selection.focus.path.slice(0, 1)), prevBlock = Node.descendant(editor, prevPath), focusBlock = Node.descendant(editor, editor.selection.focus.path.slice(0, 1));
-        if (prevBlock && focusBlock && Editor.isVoid(editor, prevBlock) && editor.selection.focus.offset === 0) {
-          debug$8("Preventing deleting void block above"), event.preventDefault(), event.stopPropagation();
-          const isTextBlock = isPortableTextTextBlock(focusBlock), isEmptyFocusBlock = isTextBlock && focusBlock.children.length === 1 && focusBlock.children?.[0]?.text === "";
-          if (!isTextBlock || isEmptyFocusBlock) {
-            Transforms.removeNodes(editor, { match: (n) => n === focusBlock }), Transforms.select(editor, prevPath), editor.onChange();
-            return;
-          }
-          if (isTextBlock && !isEmptyFocusBlock) {
-            Transforms.select(editor, prevPath), editor.onChange();
-            return;
-          }
-          return;
-        }
-      }
-      if (isDelete && editor.selection && editor.selection.focus.offset === 0 && Range.isCollapsed(editor.selection) && editor.children[editor.selection.focus.path[0] + 1]) {
-        const nextBlock = Node.descendant(
+        const isFirstBlock = editor.selection.focus.path[0] === 0, focusBlock = Node.descendant(
           editor,
-          Path.next(editor.selection.focus.path.slice(0, 1))
-        ), focusBlockPath = editor.selection.focus.path.slice(0, 1), focusBlock = Node.descendant(editor, focusBlockPath), isEmptyFocusBlock = isPortableTextTextBlock(focusBlock) && focusBlock.children.length === 1 && focusBlock.children?.[0]?.text === "";
-        if (nextBlock && focusBlock && !Editor.isVoid(editor, focusBlock) && Editor.isVoid(editor, nextBlock) && isEmptyFocusBlock) {
-          debug$8("Preventing deleting void block below"), event.preventDefault(), event.stopPropagation(), Transforms.removeNodes(editor, { match: (n) => n === focusBlock }), Transforms.select(editor, focusBlockPath), editor.onChange();
+          editor.selection.focus.path.slice(0, 1)
+        );
+        if (isFirstBlock && focusBlock && Editor.isVoid(editor, focusBlock)) {
+          Transforms.insertNodes(
+            editor,
+            editor.pteCreateTextBlock({ decorators: [] }),
+            {
+              at: [0]
+            }
+          ), Transforms.select(editor, { path: [0, 0], offset: 0 }), editor.onChange();
           return;
         }
       }
       if ((isTab || isShiftTab) && editor.selection) {
-        const [focusChild] = Editor.node(editor, editor.selection.focus, { depth: 2 }), [focusBlock] = isPortableTextSpan$1(focusChild) ? Editor.node(editor, editor.selection.focus, { depth: 1 }) : [], hasAnnotationFocus = focusChild && isPortableTextTextBlock(focusBlock) && isPortableTextSpan$1(focusChild) && (focusChild.marks || []).filter(
+        const [focusChild] = Editor.node(editor, editor.selection.focus, {
+          depth: 2
+        }), [focusBlock] = isPortableTextSpan$1(focusChild) ? Editor.node(editor, editor.selection.focus, { depth: 1 }) : [], hasAnnotationFocus = focusChild && isPortableTextTextBlock(focusBlock) && isPortableTextSpan$1(focusChild) && (focusChild.marks || []).filter(
           (m) => (focusBlock.markDefs || []).map((def) => def._key).includes(m)
         ).length > 0, [start] = Range.edges(editor.selection), atStartOfNode = Editor.isStart(editor, start, start.path);
         focusChild && isPortableTextSpan$1(focusChild) && (!hasAnnotationFocus || atStartOfNode) && editor.pteIncrementBlockLevels(isShiftTab) && event.preventDefault();
@@ -3238,12 +3781,15 @@ function createWithHotkeys(types, portableTextEditor, hotkeysFromOptions) {
         if (editor.isTextBlock(focusBlock) && focusBlock.style && focusBlock.style !== types.styles[0].value) {
           const [, end] = Range.edges(editor.selection);
           if (Editor.isEnd(editor, end, end.path)) {
-            Editor.insertNode(editor, editor.pteCreateEmptyBlock()), event.preventDefault(), editor.onChange();
+            Editor.insertNode(
+              editor,
+              editor.pteCreateTextBlock({ decorators: [] })
+            ), event.preventDefault(), editor.onChange();
             return;
           }
         }
         if (focusBlock && Editor.isVoid(editor, focusBlock)) {
-          Editor.insertNode(editor, editor.pteCreateEmptyBlock()), event.preventDefault(), editor.onChange();
+          Editor.insertNode(editor, editor.pteCreateTextBlock({ decorators: [] })), event.preventDefault(), editor.onChange();
           return;
         }
         event.preventDefault(), editor.insertBreak(), editor.onChange();
@@ -3263,7 +3809,13 @@ function createWithHotkeys(types, portableTextEditor, hotkeysFromOptions) {
 }
 function validateValue(value, types, keyGenerator) {
   let resolution = null, valid = !0;
-  const validChildTypes = [types.span.name, ...types.inlineObjects.map((t) => t.name)], validBlockTypes = [types.block.name, ...types.blockObjects.map((t) => t.name)];
+  const validChildTypes = [
+    types.span.name,
+    ...types.inlineObjects.map((t) => t.name)
+  ], validBlockTypes = [
+    types.block.name,
+    ...types.blockObjects.map((t) => t.name)
+  ];
   return value === void 0 ? { valid: !0, resolution: null, value } : !Array.isArray(value) || value.length === 0 ? {
     valid: !1,
     resolution: {
@@ -3306,7 +3858,9 @@ function validateValue(value, types, keyGenerator) {
       if (blk._type === "block") {
         const currentBlockTypeName = types.block.name;
         return resolution = {
-          patches: [set({ ...blk, _type: currentBlockTypeName }, [{ _key: blk._key }])],
+          patches: [
+            set({ ...blk, _type: currentBlockTypeName }, [{ _key: blk._key }])
+          ],
           description: `Block with _key '${blk._key}' has invalid type name '${blk._type}'. According to the schema, the block type name is '${currentBlockTypeName}'`,
           action: `Use type '${currentBlockTypeName}'`,
           item: blk,
@@ -3318,7 +3872,9 @@ function validateValue(value, types, keyGenerator) {
         }, !0;
       }
       return !blk._type && isPortableTextTextBlock({ ...blk, _type: types.block.name }) ? (resolution = {
-        patches: [set({ ...blk, _type: types.block.name }, [{ _key: blk._key }])],
+        patches: [
+          set({ ...blk, _type: types.block.name }, [{ _key: blk._key }])
+        ],
         description: `Block with _key '${blk._key}' is missing a type name. According to the schema, the block type name is '${types.block.name}'`,
         action: `Use type '${types.block.name}'`,
         item: blk,
@@ -3388,7 +3944,11 @@ function validateValue(value, types, keyGenerator) {
       }
       if (blk.markDefs && !Array.isArray(blk.markDefs))
         return resolution = {
-          patches: [set({ ...textBlock, markDefs: EMPTY_MARKDEFS }, [{ _key: textBlock._key }])],
+          patches: [
+            set({ ...textBlock, markDefs: EMPTY_MARKDEFS }, [
+              { _key: textBlock._key }
+            ])
+          ],
           description: "Block has invalid required property 'markDefs'.",
           action: "Add empty markDefs array",
           item: textBlock,
@@ -3421,7 +3981,10 @@ function validateValue(value, types, keyGenerator) {
             i18n: {
               description: "inputs.portable-text.invalid-value.orphaned-mark-defs.description",
               action: "inputs.portable-text.invalid-value.orphaned-mark-defs.action",
-              values: { key: blk._key, unusedMarkDefs: unusedMarkDefs.map((m) => m.toString()) }
+              values: {
+                key: blk._key,
+                unusedMarkDefs: unusedMarkDefs.map((m) => m.toString())
+              }
             }
           }, !0;
       }
@@ -3439,7 +4002,9 @@ function validateValue(value, types, keyGenerator) {
           return resolution = {
             autoResolve: !0,
             patches: spanChildren.map((child) => set(
-              (child.marks || []).filter((cMrk) => !orphanedMarks.includes(cMrk)),
+              (child.marks || []).filter(
+                (cMrk) => !orphanedMarks.includes(cMrk)
+              ),
               [{ _key: blk._key }, "children", { _key: child._key }, "marks"]
             )),
             description: `Block with _key '${blk._key}' contains marks (${orphaned}) not supported by the current content model.`,
@@ -3448,7 +4013,10 @@ function validateValue(value, types, keyGenerator) {
             i18n: {
               description: "inputs.portable-text.invalid-value.orphaned-marks.description",
               action: "inputs.portable-text.invalid-value.orphaned-marks.action",
-              values: { key: blk._key, orphanedMarks: orphanedMarks.map((m) => m.toString()) }
+              values: {
+                key: blk._key,
+                orphanedMarks: orphanedMarks.map((m) => m.toString())
+              }
             }
           }, !0;
         }
@@ -3470,7 +4038,9 @@ function validateValue(value, types, keyGenerator) {
           const newChild = { ...child, _key: keyGenerator() };
           return resolution = {
             autoResolve: !0,
-            patches: [set(newChild, [{ _key: blk._key }, "children", cIndex])],
+            patches: [
+              set(newChild, [{ _key: blk._key }, "children", cIndex])
+            ],
             description: `Child at index ${cIndex} is missing required _key in block with _key ${blk._key}.`,
             action: "Set a new random _key on the object",
             item: blk,
@@ -3483,7 +4053,11 @@ function validateValue(value, types, keyGenerator) {
         }
         return child._type ? validChildTypes.includes(child._type) ? child._type === types.span.name && typeof child.text != "string" ? (resolution = {
           patches: [
-            set({ ...child, text: "" }, [{ _key: blk._key }, "children", { _key: child._key }])
+            set({ ...child, text: "" }, [
+              { _key: blk._key },
+              "children",
+              { _key: child._key }
+            ])
           ],
           description: `Child with _key '${child._key}' in block with key '${blk._key}' has missing or invalid text property!`,
           action: "Write an empty text property to the object",
@@ -3494,17 +4068,25 @@ function validateValue(value, types, keyGenerator) {
             values: { key: blk._key, childKey: child._key }
           }
         }, !0) : !1 : (resolution = {
-          patches: [unset([{ _key: blk._key }, "children", { _key: child._key }])],
+          patches: [
+            unset([{ _key: blk._key }, "children", { _key: child._key }])
+          ],
           description: `Child with _key '${child._key}' in block with key '${blk._key}' has invalid '_type' property (${child._type}).`,
           action: "Remove the object",
           item: blk,
           i18n: {
             description: "inputs.portable-text.invalid-value.disallowed-child-type.description",
             action: "inputs.portable-text.invalid-value.disallowed-child-type.action",
-            values: { key: blk._key, childKey: child._key, childType: child._type }
+            values: {
+              key: blk._key,
+              childKey: child._key,
+              childType: child._type
+            }
           }
         }, !0) : (resolution = {
-          patches: [unset([{ _key: blk._key }, "children", { _key: child._key }])],
+          patches: [
+            unset([{ _key: blk._key }, "children", { _key: child._key }])
+          ],
           description: `Child with _key '${child._key}' in block with key '${blk._key}' is missing '_type' property.`,
           action: "Remove the object",
           item: blk,
@@ -3538,11 +4120,13 @@ function createWithInsertData(change$, schemaTypes, keyGenerator) {
         const [voidNode] = endVoid, r = domRange.cloneRange(), domNode = ReactEditor.toDOMNode(editor, voidNode);
         r.setEndAfter(domNode), contents = r.cloneContents();
       }
-      Array.from(contents.querySelectorAll("[data-slate-zero-width]")).forEach((zw) => {
-        const isNewline = zw.getAttribute("data-slate-zero-width") === "n";
-        zw.textContent = isNewline ? `
+      Array.from(contents.querySelectorAll("[data-slate-zero-width]")).forEach(
+        (zw) => {
+          const isNewline = zw.getAttribute("data-slate-zero-width") === "n";
+          zw.textContent = isNewline ? `
 ` : "";
-      }), Array.from(contents.querySelectorAll("*")).forEach((elm) => {
+        }
+      ), Array.from(contents.querySelectorAll("*")).forEach((elm) => {
         elm.removeAttribute("contentEditable"), elm.removeAttribute("data-slate-inline"), elm.removeAttribute("data-slate-leaf"), elm.removeAttribute("data-slate-node"), elm.removeAttribute("data-slate-spacer"), elm.removeAttribute("data-slate-string"), elm.removeAttribute("data-slate-zero-width"), elm.removeAttribute("draggable");
         for (const key in elm.attributes)
           elm.hasAttribute(key) && elm.removeAttribute(key);
@@ -3552,7 +4136,10 @@ function createWithInsertData(change$, schemaTypes, keyGenerator) {
       const asHTML = div.innerHTML;
       contents.ownerDocument.body.removeChild(div);
       const fragment = editor.getFragment(), portableText = fromSlateValue(fragment, blockTypeName), asJSON = JSON.stringify(portableText), asPlainText = toPlainText(portableText);
-      data.clearData(), data.setData("text/plain", asPlainText), data.setData("text/html", asHTML), data.setData("application/json", asJSON), data.setData("application/x-portable-text", asJSON), debug$7("text", asPlainText), data.setData("application/x-portable-text-event-origin", originEvent || "external"), debug$7("Set fragment data", asJSON, asHTML);
+      data.clearData(), data.setData("text/plain", asPlainText), data.setData("text/html", asHTML), data.setData("application/json", asJSON), data.setData("application/x-portable-text", asJSON), debug$7("text", asPlainText), data.setData(
+        "application/x-portable-text-event-origin",
+        originEvent || "external"
+      ), debug$7("Set fragment data", asJSON, asHTML);
     }, editor.insertPortableTextData = (data) => {
       if (!editor.selection)
         return !1;
@@ -3592,7 +4179,9 @@ function createWithInsertData(change$, schemaTypes, keyGenerator) {
         if (html) {
           if (portableText = htmlToBlocks(html, schemaTypes.portableText, {
             unstable_whitespaceOnPasteMode: whitespaceOnPasteMode
-          }).map((block) => normalizeBlock(block, { blockTypeName })), fragment = toSlateValue(portableText, { schemaTypes }), insertedType = "HTML", portableText.length === 0)
+          }).map(
+            (block) => normalizeBlock(block, { blockTypeName })
+          ), fragment = toSlateValue(portableText, { schemaTypes }), insertedType = "HTML", portableText.length === 0)
             return !1;
         } else {
           const textToHtml = `<html><body>${escapeHtml(text).split(/\n{2,}/).map(
@@ -3604,7 +4193,11 @@ function createWithInsertData(change$, schemaTypes, keyGenerator) {
             schemaTypes
           }), insertedType = "text";
         }
-        const validation = validateValue(portableText, schemaTypes, keyGenerator);
+        const validation = validateValue(
+          portableText,
+          schemaTypes,
+          keyGenerator
+        );
         if (!validation.valid) {
           const errorDescription = `Could not validate the resulting portable text to insert.
 ${validation.resolution?.description}
@@ -3617,7 +4210,9 @@ Try to insert as plain text (shift-paste) instead.`;
             data: validation
           }), debug$7("Invalid insert result", validation), !1;
         }
-        return debug$7(`Inserting ${insertedType} fragment at ${JSON.stringify(editor.selection)}`), _insertFragment(editor, fragment, schemaTypes), change$.next({ type: "loading", isLoading: !1 }), !0;
+        return debug$7(
+          `Inserting ${insertedType} fragment at ${JSON.stringify(editor.selection)}`
+        ), _insertFragment(editor, fragment, schemaTypes), change$.next({ type: "loading", isLoading: !1 }), !0;
       }
       return change$.next({ type: "loading", isLoading: !1 }), !1;
     }, editor.insertData = (data) => {
@@ -3682,18 +4277,30 @@ function _insertFragment(editor, fragment, schemaTypes) {
   editor.withoutNormalizing(() => {
     if (!editor.selection)
       return;
-    const [focusBlock, focusPath] = Editor.node(editor, editor.selection, { depth: 1 });
+    const [focusBlock, focusPath] = Editor.node(editor, editor.selection, {
+      depth: 1
+    });
     if (editor.isTextBlock(focusBlock) && editor.isTextBlock(fragment[0])) {
       const { markDefs } = focusBlock;
-      debug$7("Mixing markDefs of focusBlock and fragments[0] block", markDefs, fragment[0].markDefs), isEqual(markDefs, fragment[0].markDefs) || Transforms.setNodes(
+      debug$7(
+        "Mixing markDefs of focusBlock and fragments[0] block",
+        markDefs,
+        fragment[0].markDefs
+      ), isEqual(markDefs, fragment[0].markDefs) || Transforms.setNodes(
         editor,
         {
-          markDefs: uniq([...fragment[0].markDefs || [], ...markDefs || []])
+          markDefs: uniq([
+            ...fragment[0].markDefs || [],
+            ...markDefs || []
+          ])
         },
         { at: focusPath, mode: "lowest", voids: !1 }
       );
     }
-    isEqualToEmptyEditor(editor.children, schemaTypes) ? (Transforms.splitNodes(editor, { at: [0, 0] }), editor.insertFragment(fragment), Transforms.removeNodes(editor, { at: [0] })) : editor.insertFragment(fragment);
+    isEqualToEmptyEditor(
+      editor.children,
+      schemaTypes
+    ) ? (Transforms.splitNodes(editor, { at: [0, 0] }), editor.insertFragment(fragment), Transforms.removeNodes(editor, { at: [0] })) : editor.insertFragment(fragment);
   }), editor.onChange();
 }
 const originalFnMap = /* @__PURE__ */ new WeakMap(), withPlugins = (editor, options) => {
@@ -3703,7 +4310,11 @@ const originalFnMap = /* @__PURE__ */ new WeakMap(), withPlugins = (editor, opti
     onChange: e.onChange,
     normalizeNode: e.normalizeNode
   });
-  const operationToPatches = createOperationToPatches(schemaTypes), withObjectKeys = createWithObjectKeys(schemaTypes, keyGenerator), withSchemaTypes = createWithSchemaTypes({ schemaTypes, keyGenerator }), withEditableAPI = createWithEditableAPI(portableTextEditor, schemaTypes, keyGenerator), withPatches = createWithPatches({
+  const operationToPatches = createOperationToPatches(schemaTypes), withObjectKeys = createWithObjectKeys(schemaTypes, keyGenerator), withSchemaTypes = createWithSchemaTypes({ schemaTypes, keyGenerator }), withEditableAPI = createWithEditableAPI(
+    portableTextEditor,
+    schemaTypes,
+    keyGenerator
+  ), withPatches = createWithPatches({
     change$,
     keyGenerator,
     patches$,
@@ -3718,7 +4329,14 @@ const originalFnMap = /* @__PURE__ */ new WeakMap(), withPlugins = (editor, opti
     schemaTypes,
     change$,
     keyGenerator
-  ), withPortableTextBlockStyle = createWithPortableTextBlockStyle(schemaTypes), withPlaceholderBlock = createWithPlaceholderBlock(), withInsertBreak = createWithInsertBreak(schemaTypes), withUtils = createWithUtils({ keyGenerator, schemaTypes, portableTextEditor }), withPortableTextSelections = createWithPortableTextSelections(change$, schemaTypes);
+  ), withPortableTextBlockStyle = createWithPortableTextBlockStyle(schemaTypes), withPlaceholderBlock = createWithPlaceholderBlock(), withInsertBreak = createWithInsertBreak(schemaTypes, keyGenerator), withUtils = createWithUtils({
+    keyGenerator,
+    schemaTypes,
+    portableTextEditor
+  }), withPortableTextSelections = createWithPortableTextSelections(
+    change$,
+    schemaTypes
+  );
   return e.destroy = () => {
     const originalFunctions = originalFnMap.get(e);
     if (!originalFunctions)
@@ -3732,7 +4350,9 @@ const originalFnMap = /* @__PURE__ */ new WeakMap(), withPlugins = (editor, opti
             withUtils(
               withPlaceholderBlock(
                 withPortableTextLists(
-                  withPortableTextSelections(withEditableAPI(withInsertBreak(e)))
+                  withPortableTextSelections(
+                    withEditableAPI(withInsertBreak(e))
+                  )
                 )
               )
             )
@@ -3751,7 +4371,11 @@ const originalFnMap = /* @__PURE__ */ new WeakMap(), withPlugins = (editor, opti
                 withUtils(
                   withMaxBlocks(
                     withUndoRedo(
-                      withPatches(withPortableTextSelections(withEditableAPI(withInsertBreak(e))))
+                      withPatches(
+                        withPortableTextSelections(
+                          withEditableAPI(withInsertBreak(e))
+                        )
+                      )
                     )
                   )
                 )
@@ -3798,8 +4422,15 @@ function SlateContainer(props) {
       portableTextEditor,
       readOnly
     });
-  }, [keyGenerator, portableTextEditor, maxBlocks, readOnly, patches$, slateEditor]);
-  const initialValue = useMemo(() => [slateEditor.pteCreateEmptyBlock()], [slateEditor]);
+  }, [
+    keyGenerator,
+    portableTextEditor,
+    maxBlocks,
+    readOnly,
+    patches$,
+    slateEditor
+  ]);
+  const initialValue = useMemo(() => [slateEditor.pteCreateTextBlock({ decorators: [] })], [slateEditor]);
   return useEffect(() => () => {
     debug$6("Destroying Slate editor"), slateEditor.destroy();
   }, [slateEditor]), /* @__PURE__ */ jsx(Slate, { editor: slateEditor, initialValue, children: props.children });
@@ -3856,7 +4487,11 @@ function useSyncValue(props) {
               Transforms.removeNodes(slateEditor, {
                 at: [childrenLength - 1 - index]
               });
-            }), Transforms.insertNodes(slateEditor, slateEditor.pteCreateEmptyBlock(), { at: [0] }), hadSelection && Transforms.select(slateEditor, [0, 0]);
+            }), Transforms.insertNodes(
+              slateEditor,
+              slateEditor.pteCreateTextBlock({ decorators: [] }),
+              { at: [0] }
+            ), hadSelection && Transforms.select(slateEditor, [0, 0]);
           });
         });
       }), isChanged = !0), value && value.length > 0) {
@@ -3875,34 +4510,53 @@ function useSyncValue(props) {
                     });
                   isChanged = !0;
                 }
-                slateValueFromProps.forEach((currentBlock, currentBlockIndex) => {
-                  const oldBlock = slateEditor.children[currentBlockIndex];
-                  if (oldBlock && !isEqual(currentBlock, oldBlock) && isValid) {
-                    const validationValue = [value[currentBlockIndex]], validation = validateValue(validationValue, schemaTypes, keyGenerator);
-                    !validation.valid && validation.resolution?.autoResolve && validation.resolution?.patches.length > 0 && !readOnly && previousValue.current && previousValue.current !== value && (console.warn(
-                      `${validation.resolution.action} for block with _key '${validationValue[0]._key}'. ${validation.resolution?.description}`
-                    ), validation.resolution.patches.forEach((patch) => {
-                      change$.next({ type: "patch", patch });
-                    })), validation.valid || validation.resolution?.autoResolve ? (oldBlock._key === currentBlock._key ? (debug$5.enabled && debug$5("Updating block", oldBlock, currentBlock), _updateBlock(slateEditor, currentBlock, oldBlock, currentBlockIndex)) : (debug$5.enabled && debug$5("Replacing block", oldBlock, currentBlock), _replaceBlock(slateEditor, currentBlock, currentBlockIndex)), isChanged = !0) : (change$.next({
-                      type: "invalidValue",
-                      resolution: validation.resolution,
-                      value
-                    }), isValid = !1);
-                  }
-                  if (!oldBlock && isValid) {
-                    const validationValue = [value[currentBlockIndex]], validation = validateValue(validationValue, schemaTypes, keyGenerator);
-                    debug$5.enabled && debug$5(
-                      "Validating and inserting new block in the end of the value",
-                      currentBlock
-                    ), validation.valid || validation.resolution?.autoResolve ? Transforms.insertNodes(slateEditor, currentBlock, {
-                      at: [currentBlockIndex]
-                    }) : (debug$5("Invalid", validation), change$.next({
-                      type: "invalidValue",
-                      resolution: validation.resolution,
-                      value
-                    }), isValid = !1);
+                slateValueFromProps.forEach(
+                  (currentBlock, currentBlockIndex) => {
+                    const oldBlock = slateEditor.children[currentBlockIndex];
+                    if (oldBlock && !isEqual(currentBlock, oldBlock) && isValid) {
+                      const validationValue = [value[currentBlockIndex]], validation = validateValue(
+                        validationValue,
+                        schemaTypes,
+                        keyGenerator
+                      );
+                      !validation.valid && validation.resolution?.autoResolve && validation.resolution?.patches.length > 0 && !readOnly && previousValue.current && previousValue.current !== value && (console.warn(
+                        `${validation.resolution.action} for block with _key '${validationValue[0]._key}'. ${validation.resolution?.description}`
+                      ), validation.resolution.patches.forEach((patch) => {
+                        change$.next({ type: "patch", patch });
+                      })), validation.valid || validation.resolution?.autoResolve ? (oldBlock._key === currentBlock._key ? (debug$5.enabled && debug$5("Updating block", oldBlock, currentBlock), _updateBlock(
+                        slateEditor,
+                        currentBlock,
+                        oldBlock,
+                        currentBlockIndex
+                      )) : (debug$5.enabled && debug$5("Replacing block", oldBlock, currentBlock), _replaceBlock(
+                        slateEditor,
+                        currentBlock,
+                        currentBlockIndex
+                      )), isChanged = !0) : (change$.next({
+                        type: "invalidValue",
+                        resolution: validation.resolution,
+                        value
+                      }), isValid = !1);
+                    }
+                    if (!oldBlock && isValid) {
+                      const validationValue = [value[currentBlockIndex]], validation = validateValue(
+                        validationValue,
+                        schemaTypes,
+                        keyGenerator
+                      );
+                      debug$5.enabled && debug$5(
+                        "Validating and inserting new block in the end of the value",
+                        currentBlock
+                      ), validation.valid || validation.resolution?.autoResolve ? Transforms.insertNodes(slateEditor, currentBlock, {
+                        at: [currentBlockIndex]
+                      }) : (debug$5("Invalid", validation), change$.next({
+                        type: "invalidValue",
+                        resolution: validation.resolution,
+                        value
+                      }), isValid = !1);
+                    }
                   }
-                });
+                );
               });
             });
           });
@@ -3952,41 +4606,53 @@ function _updateBlock(slateEditor, currentBlock, oldBlock, currentBlockIndex) {
     at: [currentBlockIndex]
   }), slateEditor.isTextBlock(currentBlock) && slateEditor.isTextBlock(oldBlock)) {
     const oldBlockChildrenLength = oldBlock.children.length;
-    currentBlock.children.length < oldBlockChildrenLength && Array.from(Array(oldBlockChildrenLength - currentBlock.children.length)).forEach(
-      (_, index) => {
-        const childIndex = oldBlockChildrenLength - 1 - index;
-        childIndex > 0 && (debug$5("Removing child"), Transforms.removeNodes(slateEditor, {
-          at: [currentBlockIndex, childIndex]
-        }));
+    currentBlock.children.length < oldBlockChildrenLength && Array.from(
+      Array(oldBlockChildrenLength - currentBlock.children.length)
+    ).forEach((_, index) => {
+      const childIndex = oldBlockChildrenLength - 1 - index;
+      childIndex > 0 && (debug$5("Removing child"), Transforms.removeNodes(slateEditor, {
+        at: [currentBlockIndex, childIndex]
+      }));
+    }), currentBlock.children.forEach(
+      (currentBlockChild, currentBlockChildIndex) => {
+        const oldBlockChild = oldBlock.children[currentBlockChildIndex], isChildChanged = !isEqual(currentBlockChild, oldBlockChild), isTextChanged = !isEqual(
+          currentBlockChild.text,
+          oldBlockChild?.text
+        ), path = [currentBlockIndex, currentBlockChildIndex];
+        if (isChildChanged)
+          if (currentBlockChild._key === oldBlockChild?._key) {
+            debug$5("Updating changed child", currentBlockChild, oldBlockChild), Transforms.setNodes(
+              slateEditor,
+              currentBlockChild,
+              {
+                at: path
+              }
+            );
+            const isSpanNode = Text.isText(currentBlockChild) && currentBlockChild._type === "span" && Text.isText(oldBlockChild) && oldBlockChild._type === "span";
+            isSpanNode && isTextChanged ? (Transforms.delete(slateEditor, {
+              at: {
+                focus: { path, offset: 0 },
+                anchor: { path, offset: oldBlockChild.text.length }
+              }
+            }), Transforms.insertText(slateEditor, currentBlockChild.text, {
+              at: path
+            }), slateEditor.onChange()) : isSpanNode || (debug$5("Updating changed inline object child", currentBlockChild), Transforms.setNodes(
+              slateEditor,
+              { _key: VOID_CHILD_KEY },
+              {
+                at: [...path, 0],
+                voids: !0
+              }
+            ));
+          } else oldBlockChild ? (debug$5("Replacing child", currentBlockChild), Transforms.removeNodes(slateEditor, {
+            at: [currentBlockIndex, currentBlockChildIndex]
+          }), Transforms.insertNodes(slateEditor, currentBlockChild, {
+            at: [currentBlockIndex, currentBlockChildIndex]
+          }), slateEditor.onChange()) : oldBlockChild || (debug$5("Inserting new child", currentBlockChild), Transforms.insertNodes(slateEditor, currentBlockChild, {
+            at: [currentBlockIndex, currentBlockChildIndex]
+          }), slateEditor.onChange());
       }
-    ), currentBlock.children.forEach((currentBlockChild, currentBlockChildIndex) => {
-      const oldBlockChild = oldBlock.children[currentBlockChildIndex], isChildChanged = !isEqual(currentBlockChild, oldBlockChild), isTextChanged = !isEqual(currentBlockChild.text, oldBlockChild?.text), path = [currentBlockIndex, currentBlockChildIndex];
-      if (isChildChanged)
-        if (currentBlockChild._key === oldBlockChild?._key) {
-          debug$5("Updating changed child", currentBlockChild, oldBlockChild), Transforms.setNodes(slateEditor, currentBlockChild, {
-            at: path
-          });
-          const isSpanNode = Text.isText(currentBlockChild) && currentBlockChild._type === "span" && Text.isText(oldBlockChild) && oldBlockChild._type === "span";
-          isSpanNode && isTextChanged ? (Transforms.delete(slateEditor, {
-            at: { focus: { path, offset: 0 }, anchor: { path, offset: oldBlockChild.text.length } }
-          }), Transforms.insertText(slateEditor, currentBlockChild.text, {
-            at: path
-          }), slateEditor.onChange()) : isSpanNode || (debug$5("Updating changed inline object child", currentBlockChild), Transforms.setNodes(
-            slateEditor,
-            { _key: VOID_CHILD_KEY },
-            {
-              at: [...path, 0],
-              voids: !0
-            }
-          ));
-        } else oldBlockChild ? (debug$5("Replacing child", currentBlockChild), Transforms.removeNodes(slateEditor, {
-          at: [currentBlockIndex, currentBlockChildIndex]
-        }), Transforms.insertNodes(slateEditor, currentBlockChild, {
-          at: [currentBlockIndex, currentBlockChildIndex]
-        }), slateEditor.onChange()) : oldBlockChild || (debug$5("Inserting new child", currentBlockChild), Transforms.insertNodes(slateEditor, currentBlockChild, {
-          at: [currentBlockIndex, currentBlockChildIndex]
-        }), slateEditor.onChange());
-    });
+    );
   }
 }
 const debug$4 = debugWithName("component:PortableTextEditor:Synchronizer"), debugVerbose$1 = debug$4.enabled && !1, FLUSH_PATCHES_THROTTLED_MS = process.env.NODE_ENV === "test" ? 500 : 1e3;
@@ -4005,7 +4671,11 @@ function Synchronizer(props) {
       debug$4("Flushing pending patches"), debugVerbose$1 && debug$4(`Patches:
 ${JSON.stringify(pendingPatches.current, null, 2)}`);
       const snapshot = getValue();
-      change$.next({ type: "mutation", patches: pendingPatches.current, snapshot }), pendingPatches.current = [];
+      change$.next({
+        type: "mutation",
+        patches: pendingPatches.current,
+        snapshot
+      }), pendingPatches.current = [];
     }
     IS_PROCESSING_LOCAL_CHANGES.set(slateEditor, !1);
   }, [slateEditor, getValue, change$]), onFlushPendingPatchesThrottled = useMemo(() => throttle(
@@ -4091,7 +4761,9 @@ class PortableTextEditor extends Component {
   constructor(props) {
     if (super(props), !props.schemaType)
       throw new Error('PortableTextEditor: missing "schemaType" property');
-    props.incomingPatches$ && console.warn("The prop 'incomingPatches$' is deprecated and renamed to 'patches$'"), this.change$.next({ type: "loading", isLoading: !0 }), this.schemaTypes = getPortableTextMemberSchemaTypes(
+    props.incomingPatches$ && console.warn(
+      "The prop 'incomingPatches$' is deprecated and renamed to 'patches$'"
+    ), this.change$.next({ type: "loading", isLoading: !0 }), this.schemaTypes = getPortableTextMemberSchemaTypes(
       props.schemaType.hasOwnProperty("jsonType") ? props.schemaType : compileType(props.schemaType)
     );
   }
@@ -4183,14 +4855,26 @@ class PortableTextEditor extends Component {
   static isSelectionsOverlapping = (editor, selectionA, selectionB) => editor.editable?.isSelectionsOverlapping(selectionA, selectionB);
 }
 const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (props) => {
-  const { attributes, children, leaf, schemaTypes, renderChild, renderDecorator, renderAnnotation } = props, spanRef = useRef(null), portableTextEditor = usePortableTextEditor(), blockSelected = useSelected(), [focused, setFocused] = useState(!1), [selected, setSelected] = useState(!1), block = children.props.parent, path = useMemo(
+  const {
+    attributes,
+    children,
+    leaf,
+    schemaTypes,
+    renderChild,
+    renderDecorator,
+    renderAnnotation
+  } = props, spanRef = useRef(null), portableTextEditor = usePortableTextEditor(), blockSelected = useSelected(), [focused, setFocused] = useState(!1), [selected, setSelected] = useState(!1), block = children.props.parent, path = useMemo(
     () => block ? [{ _key: block?._key }, "children", { _key: leaf._key }] : [],
     [block, leaf._key]
   ), decoratorValues = useMemo(
     () => schemaTypes.decorators.map((dec) => dec.value),
     [schemaTypes.decorators]
   ), marks = useMemo(
-    () => uniq((leaf.marks || EMPTY_MARKS).filter((mark) => decoratorValues.includes(mark))),
+    () => uniq(
+      (leaf.marks || EMPTY_MARKS).filter(
+        (mark) => decoratorValues.includes(mark)
+      )
+    ),
     [decoratorValues, leaf.marks]
   ), annotationMarks = Array.isArray(leaf.marks) ? leaf.marks : EMPTY_MARKS, annotations = useMemo(
     () => annotationMarks.map(
@@ -4241,11 +4925,18 @@ const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (prop
     return () => {
       sub.unsubscribe();
     };
-  }, [path, portableTextEditor, setSelectedFromRange, shouldTrackSelectionAndFocus]), useEffect(() => setSelectedFromRange(), [setSelectedFromRange]);
+  }, [
+    path,
+    portableTextEditor,
+    setSelectedFromRange,
+    shouldTrackSelectionAndFocus
+  ]), useEffect(() => setSelectedFromRange(), [setSelectedFromRange]);
   const content = useMemo(() => {
     let returnedChildren = children;
     if (Text.isText(leaf) && leaf._type === schemaTypes.span.name && (marks.forEach((mark) => {
-      const schemaType = schemaTypes.decorators.find((dec) => dec.value === mark);
+      const schemaType = schemaTypes.decorators.find(
+        (dec) => dec.value === mark
+      );
       if (schemaType && renderDecorator) {
         const _props = Object.defineProperty(
           {
@@ -4261,14 +4952,20 @@ const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (prop
           {
             enumerable: !1,
             get() {
-              return console.warn("Property 'type' is deprecated, use 'schemaType' instead."), schemaType;
+              return console.warn(
+                "Property 'type' is deprecated, use 'schemaType' instead."
+              ), schemaType;
             }
           }
         );
-        returnedChildren = renderDecorator(_props);
+        returnedChildren = renderDecorator(
+          _props
+        );
       }
     }), block && annotations.length > 0 && annotations.forEach((annotation) => {
-      const schemaType = schemaTypes.annotations.find((t) => t.name === annotation._type);
+      const schemaType = schemaTypes.annotations.find(
+        (t) => t.name === annotation._type
+      );
       if (schemaType)
         if (renderAnnotation) {
           const _props = Object.defineProperty(
@@ -4286,7 +4983,9 @@ const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (prop
             {
               enumerable: !1,
               get() {
-                return console.warn("Property 'type' is deprecated, use 'schemaType' instead."), schemaType;
+                return console.warn(
+                  "Property 'type' is deprecated, use 'schemaType' instead."
+                ), schemaType;
               }
             }
           );
@@ -4311,7 +5010,9 @@ const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (prop
           {
             enumerable: !1,
             get() {
-              return console.warn("Property 'type' is deprecated, use 'schemaType' instead."), schemaTypes.span;
+              return console.warn(
+                "Property 'type' is deprecated, use 'schemaType' instead."
+              ), schemaTypes.span;
             }
           }
         );
@@ -4366,8 +5067,13 @@ const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (prop
     scrollSelectionIntoView,
     spellCheck,
     ...restProps
-  } = props, portableTextEditor = usePortableTextEditor(), readOnly = usePortableTextEditorReadOnlyStatus(), keyGenerator = usePortableTextEditorKeyGenerator(), ref = useRef(null), [editableElement, setEditableElement] = useState(null), [hasInvalidValue, setHasInvalidValue] = useState(!1), [rangeDecorationState, setRangeDecorationsState] = useState([]);
-  useImperativeHandle(forwardedRef, () => ref.current);
+  } = props, portableTextEditor = usePortableTextEditor(), readOnly = usePortableTextEditorReadOnlyStatus(), keyGenerator = usePortableTextEditorKeyGenerator(), ref = useRef(null), [editableElement, setEditableElement] = useState(
+    null
+  ), [hasInvalidValue, setHasInvalidValue] = useState(!1), [rangeDecorationState, setRangeDecorationsState] = useState([]);
+  useImperativeHandle(
+    forwardedRef,
+    () => ref.current
+  );
   const rangeDecorationsRef = useRef(rangeDecorations), { change$, schemaTypes } = portableTextEditor, slateEditor = useSlate(), blockTypeName = schemaTypes.block.name, withInsertData = useMemo(
     () => createWithInsertData(change$, schemaTypes, keyGenerator),
     [change$, keyGenerator, schemaTypes]
@@ -4390,7 +5096,15 @@ const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (prop
         spellCheck
       }
     ),
-    [schemaTypes, spellCheck, readOnly, renderBlock, renderChild, renderListItem, renderStyle]
+    [
+      schemaTypes,
+      spellCheck,
+      readOnly,
+      renderBlock,
+      renderChild,
+      renderListItem,
+      renderStyle
+    ]
   ), renderLeaf = useCallback(
     (lProps) => {
       if (lProps.leaf._type === "span") {
@@ -4415,7 +5129,14 @@ const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (prop
       }
       return lProps.children;
     },
-    [readOnly, renderAnnotation, renderChild, renderDecorator, renderPlaceholder, schemaTypes]
+    [
+      readOnly,
+      renderAnnotation,
+      renderChild,
+      renderDecorator,
+      renderPlaceholder,
+      schemaTypes
+    ]
   ), restoreSelectionFromProps = useCallback(() => {
     if (propsSelection) {
       debug(`Selection from props ${JSON.stringify(propsSelection)}`);
@@ -4424,7 +5145,9 @@ const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (prop
         fromSlateValue(slateEditor.children, blockTypeName)
       );
       if (normalizedSelection !== null) {
-        debug(`Normalized selection from props ${JSON.stringify(normalizedSelection)}`);
+        debug(
+          `Normalized selection from props ${JSON.stringify(normalizedSelection)}`
+        );
         const slateRange = toSlateRange(normalizedSelection, slateEditor);
         slateRange && (Transforms.select(slateEditor, slateRange), slateEditor.operations.some((o) => o.type === "set_selection") || change$.next({ type: "selection", selection: normalizedSelection }), slateEditor.onChange());
       }
@@ -4434,7 +5157,10 @@ const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (prop
       if (rangeDecorations && rangeDecorations.length > 0) {
         const newSlateRanges = [];
         if (rangeDecorations.forEach((rangeDecorationItem) => {
-          const slateRange = toSlateRange(rangeDecorationItem.selection, slateEditor);
+          const slateRange = toSlateRange(
+            rangeDecorationItem.selection,
+            slateEditor
+          );
           if (!Range.isRange(slateRange)) {
             rangeDecorationItem.onMoved && rangeDecorationItem.onMoved({
               newSelection: null,
@@ -4445,14 +5171,21 @@ const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (prop
           }
           let newRange;
           if (operation && (newRange = moveRangeByOperation(slateRange, operation), newRange && newRange !== slateRange || newRange === null && slateRange)) {
-            const value = PortableTextEditor.getValue(portableTextEditor), newRangeSelection = toPortableTextRange(value, newRange, schemaTypes);
+            const value = PortableTextEditor.getValue(portableTextEditor), newRangeSelection = toPortableTextRange(
+              value,
+              newRange,
+              schemaTypes
+            );
             rangeDecorationItem.onMoved && rangeDecorationItem.onMoved({
               newSelection: newRangeSelection,
               rangeDecoration: rangeDecorationItem,
               origin: "local"
             });
           }
-          newRange !== null && newSlateRanges.push({ ...newRange || slateRange, rangeDecoration: rangeDecorationItem });
+          newRange !== null && newSlateRanges.push({
+            ...newRange || slateRange,
+            rangeDecoration: rangeDecorationItem
+          });
         }), newSlateRanges.length > 0) {
           setRangeDecorationsState(newSlateRanges);
           return;
@@ -4505,11 +5238,20 @@ const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (prop
         debug("Pasting normally"), slateEditor.insertData(event.clipboardData);
         return;
       }
-      const value = PortableTextEditor.getValue(portableTextEditor), path = toPortableTextRange(value, slateEditor.selection, schemaTypes)?.focus.path || [], onPasteResult = onPaste({ event, value, path, schemaTypes });
+      const value = PortableTextEditor.getValue(portableTextEditor), path = toPortableTextRange(
+        value,
+        slateEditor.selection,
+        schemaTypes
+      )?.focus.path || [], onPasteResult = onPaste({ event, value, path, schemaTypes });
       onPasteResult === void 0 ? (debug("No result from custom paste handler, pasting normally"), slateEditor.insertData(event.clipboardData)) : (change$.next({ type: "loading", isLoading: !0 }), Promise.resolve(onPasteResult).then((result) => {
         debug("Custom paste function from client resolved", result), !result || !result.insert ? (debug("No result from custom paste handler, pasting normally"), slateEditor.insertData(event.clipboardData)) : result.insert ? slateEditor.insertFragment(
-          toSlateValue(result.insert, { schemaTypes })
-        ) : console.warn("Your onPaste function returned something unexpected:", result);
+          toSlateValue(result.insert, {
+            schemaTypes
+          })
+        ) : console.warn(
+          "Your onPaste function returned something unexpected:",
+          result
+        );
       }).catch((error) => (console.error(error), error)).finally(() => {
         change$.next({ type: "loading", isLoading: !1 });
       }));
@@ -4534,7 +5276,10 @@ const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (prop
         const [lastBlock, path] = Node.last(slateEditor, []), focusPath = slateEditor.selection.focus.path.slice(0, 1), lastPath = path.slice(0, 1);
         if (Path.equals(focusPath, lastPath)) {
           const node = Node.descendant(slateEditor, path.slice(0, 1));
-          lastBlock && Editor.isVoid(slateEditor, node) && (Transforms.insertNodes(slateEditor, slateEditor.pteCreateEmptyBlock()), slateEditor.onChange());
+          lastBlock && Editor.isVoid(slateEditor, node) && (Transforms.insertNodes(
+            slateEditor,
+            slateEditor.pteCreateTextBlock({ decorators: [] })
+          ), slateEditor.onChange());
         }
       }
     },
@@ -4560,7 +5305,10 @@ const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (prop
       return;
     const existingDOMRange = domSelection.getRangeAt(0);
     try {
-      const newDOMRange = ReactEditor.toDOMRange(slateEditor, slateEditor.selection);
+      const newDOMRange = ReactEditor.toDOMRange(
+        slateEditor,
+        slateEditor.selection
+      );
       (newDOMRange.startOffset !== existingDOMRange.startOffset || newDOMRange.endOffset !== existingDOMRange.endOffset) && (debug("DOM range out of sync, validating selection"), domSelection?.removeAllRanges(), domSelection.addRange(newDOMRange));
     } catch {
       debug("Could not resolve selection, selecting top document"), Transforms.deselect(slateEditor), slateEditor.children.length > 0 && Transforms.select(slateEditor, [0, 0]), slateEditor.onChange();
@@ -4608,13 +5356,19 @@ const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (prop
         ];
       if (path.length === 0)
         return [];
-      const result = rangeDecorationState.filter((item) => Range.isCollapsed(item) ? path.length !== 2 ? !1 : Path.equals(item.focus.path, path) && Path.equals(item.anchor.path, path) : Range.intersection(item, { anchor: { path, offset: 0 }, focus: { path, offset: 0 } }) || Range.includes(item, path));
+      const result = rangeDecorationState.filter((item) => Range.isCollapsed(item) ? path.length !== 2 ? !1 : Path.equals(item.focus.path, path) && Path.equals(item.anchor.path, path) : Range.intersection(item, {
+        anchor: { path, offset: 0 },
+        focus: { path, offset: 0 }
+      }) || Range.includes(item, path));
       return result.length > 0 ? result : [];
     },
     [slateEditor, schemaTypes, rangeDecorationState]
   );
   return useEffect(() => {
-    ref.current = ReactEditor.toDOMNode(slateEditor, slateEditor), setEditableElement(ref.current);
+    ref.current = ReactEditor.toDOMNode(
+      slateEditor,
+      slateEditor
+    ), setEditableElement(ref.current);
   }, [slateEditor, ref]), portableTextEditor ? hasInvalidValue ? null : /* @__PURE__ */ jsx(
     Editable,
     {