@portabletext/editor 4.2.1 → 4.2.3

package/lib/index.js

@@ -3,7 +3,7 @@ import { c } from "react/compiler-runtime";
 import { useSelector, useActorRef } from "@xstate/react";
 import { createContext, useContext, useRef, useState, useEffect, forwardRef, Component, startTransition } from "react";
 import { Element as Element$1, Text, Range, Editor, Node, Point, Path, Transforms, createEditor, deleteText, Operation } from "slate";
-import { useSlateStatic, ReactEditor, useSlate, Editable, withReact, Slate } from "slate-react";
+import { useSlateStatic, useSlateSelector, ReactEditor, useSlate, Editable, withReact, Slate } from "slate-react";
 import rawDebug from "debug";
 import { DOMEditor, isDOMNode, EDITOR_TO_PENDING_SELECTION, IS_FOCUSED, IS_READ_ONLY } from "slate-dom";
 import { getBlockEndPoint, getBlockStartPoint, getBlockKeyFromSelectionPoint, isSelectionCollapsed, isKeyedSegment, isEqualSelectionPoints, getChildKeyFromSelectionPoint, blockOffsetToSpanSelectionPoint, defaultKeyGenerator, parseBlocks, parseBlock, isListBlock, isTypedObject, getSelectionStartPoint as getSelectionStartPoint$1, getSelectionEndPoint as getSelectionEndPoint$1, parseAnnotation, parseMarkDefs, parseSpan, parseInlineObject } from "./_chunks-es/util.slice-blocks.js";
@@ -1575,90 +1575,90 @@ function RenderChild$1({
   });
 }
 function RenderTextBlock(props) {
-  const $ = c(77), blockRef = useRef(null), {
+  const $ = c(76), blockRef = useRef(null), {
     selectedBlockKeys,
     focusedBlockKey
   } = useContext(SelectionStateContext);
   let t0;
   $[0] !== props.textBlock._key || $[1] !== selectedBlockKeys ? (t0 = selectedBlockKeys.has(props.textBlock._key), $[0] = props.textBlock._key, $[1] = selectedBlockKeys, $[2] = t0) : t0 = $[2];
-  const selected = t0, focused = focusedBlockKey === props.textBlock._key, slateEditor = useSlateStatic();
+  const selected = t0, focused = focusedBlockKey === props.textBlock._key;
   let t1;
-  $[3] !== props.textBlock._key || $[4] !== slateEditor.listIndexMap ? (t1 = slateEditor.listIndexMap.get(props.textBlock._key), $[3] = props.textBlock._key, $[4] = slateEditor.listIndexMap, $[5] = t1) : t1 = $[5];
-  const listIndex = t1;
+  $[3] !== props.textBlock._key ? (t1 = (editor) => editor.listIndexMap.get(props.textBlock._key), $[3] = props.textBlock._key, $[4] = t1) : t1 = $[4];
+  const listIndex = useSlateSelector(t1);
   let children = props.children;
   if (props.renderStyle && props.textBlock.style) {
     let t22;
-    $[6] !== props.legacySchema || $[7] !== props.textBlock.style ? (t22 = props.textBlock.style !== void 0 ? props.legacySchema.styles.find((style) => style.value === props.textBlock.style) : void 0, $[6] = props.legacySchema, $[7] = props.textBlock.style, $[8] = t22) : t22 = $[8];
+    $[5] !== props.legacySchema || $[6] !== props.textBlock.style ? (t22 = props.textBlock.style !== void 0 ? props.legacySchema.styles.find((style) => style.value === props.textBlock.style) : void 0, $[5] = props.legacySchema, $[6] = props.textBlock.style, $[7] = t22) : t22 = $[7];
     const legacyStyleSchemaType = t22;
     if (legacyStyleSchemaType) {
       let t32;
-      $[9] !== props.textBlock._key ? (t32 = [{
+      $[8] !== props.textBlock._key ? (t32 = [{
         _key: props.textBlock._key
-      }], $[9] = props.textBlock._key, $[10] = t32) : t32 = $[10];
+      }], $[8] = props.textBlock._key, $[9] = t32) : t32 = $[9];
       let t42;
-      $[11] !== children || $[12] !== focused || $[13] !== legacyStyleSchemaType || $[14] !== props.renderStyle || $[15] !== props.textBlock || $[16] !== selected || $[17] !== t32 ? (t42 = /* @__PURE__ */ jsx(RenderStyle, { renderStyle: props.renderStyle, block: props.textBlock, editorElementRef: blockRef, focused, path: t32, schemaType: legacyStyleSchemaType, selected, value: props.textBlock.style, children }), $[11] = children, $[12] = focused, $[13] = legacyStyleSchemaType, $[14] = props.renderStyle, $[15] = props.textBlock, $[16] = selected, $[17] = t32, $[18] = t42) : t42 = $[18], children = t42;
+      $[10] !== children || $[11] !== focused || $[12] !== legacyStyleSchemaType || $[13] !== props.renderStyle || $[14] !== props.textBlock || $[15] !== selected || $[16] !== t32 ? (t42 = /* @__PURE__ */ jsx(RenderStyle, { renderStyle: props.renderStyle, block: props.textBlock, editorElementRef: blockRef, focused, path: t32, schemaType: legacyStyleSchemaType, selected, value: props.textBlock.style, children }), $[10] = children, $[11] = focused, $[12] = legacyStyleSchemaType, $[13] = props.renderStyle, $[14] = props.textBlock, $[15] = selected, $[16] = t32, $[17] = t42) : t42 = $[17], children = t42;
     } else
       console.error(`Unable to find Schema type for text block style ${props.textBlock.style}`);
   }
   if (props.renderListItem && props.textBlock.listItem) {
     let t22;
-    if ($[19] !== props.legacySchema.lists || $[20] !== props.textBlock.listItem) {
+    if ($[18] !== props.legacySchema.lists || $[19] !== props.textBlock.listItem) {
       let t32;
-      $[22] !== props.textBlock.listItem ? (t32 = (list) => list.value === props.textBlock.listItem, $[22] = props.textBlock.listItem, $[23] = t32) : t32 = $[23], t22 = props.legacySchema.lists.find(t32), $[19] = props.legacySchema.lists, $[20] = props.textBlock.listItem, $[21] = t22;
+      $[21] !== props.textBlock.listItem ? (t32 = (list) => list.value === props.textBlock.listItem, $[21] = props.textBlock.listItem, $[22] = t32) : t32 = $[22], t22 = props.legacySchema.lists.find(t32), $[18] = props.legacySchema.lists, $[19] = props.textBlock.listItem, $[20] = t22;
     } else
-      t22 = $[21];
+      t22 = $[20];
     const legacyListItemSchemaType = t22;
     if (legacyListItemSchemaType) {
       const t32 = props.textBlock.level ?? 1;
       let t42;
-      $[24] !== props.textBlock._key ? (t42 = [{
+      $[23] !== props.textBlock._key ? (t42 = [{
         _key: props.textBlock._key
-      }], $[24] = props.textBlock._key, $[25] = t42) : t42 = $[25];
+      }], $[23] = props.textBlock._key, $[24] = t42) : t42 = $[24];
       let t52;
-      $[26] !== children || $[27] !== focused || $[28] !== legacyListItemSchemaType || $[29] !== props.renderListItem || $[30] !== props.textBlock || $[31] !== selected || $[32] !== t32 || $[33] !== t42 ? (t52 = /* @__PURE__ */ jsx(RenderListItem, { renderListItem: props.renderListItem, block: props.textBlock, editorElementRef: blockRef, focused, level: t32, path: t42, selected, value: props.textBlock.listItem, schemaType: legacyListItemSchemaType, children }), $[26] = children, $[27] = focused, $[28] = legacyListItemSchemaType, $[29] = props.renderListItem, $[30] = props.textBlock, $[31] = selected, $[32] = t32, $[33] = t42, $[34] = t52) : t52 = $[34], children = t52;
+      $[25] !== children || $[26] !== focused || $[27] !== legacyListItemSchemaType || $[28] !== props.renderListItem || $[29] !== props.textBlock || $[30] !== selected || $[31] !== t32 || $[32] !== t42 ? (t52 = /* @__PURE__ */ jsx(RenderListItem, { renderListItem: props.renderListItem, block: props.textBlock, editorElementRef: blockRef, focused, level: t32, path: t42, selected, value: props.textBlock.listItem, schemaType: legacyListItemSchemaType, children }), $[25] = children, $[26] = focused, $[27] = legacyListItemSchemaType, $[28] = props.renderListItem, $[29] = props.textBlock, $[30] = selected, $[31] = t32, $[32] = t42, $[33] = t52) : t52 = $[33], children = t52;
     } else
       console.error(`Unable to find Schema type for text block list item ${props.textBlock.listItem}`);
   }
   const t2 = props.attributes;
   let t3;
-  $[35] !== props.textBlock.style ? (t3 = props.textBlock.style ? [`pt-text-block-style-${props.textBlock.style}`] : [], $[35] = props.textBlock.style, $[36] = t3) : t3 = $[36];
+  $[34] !== props.textBlock.style ? (t3 = props.textBlock.style ? [`pt-text-block-style-${props.textBlock.style}`] : [], $[34] = props.textBlock.style, $[35] = t3) : t3 = $[35];
   let t4;
-  $[37] !== props.textBlock.level || $[38] !== props.textBlock.listItem ? (t4 = props.textBlock.listItem ? ["pt-list-item", `pt-list-item-${props.textBlock.listItem}`, `pt-list-item-level-${props.textBlock.level ?? 1}`] : [], $[37] = props.textBlock.level, $[38] = props.textBlock.listItem, $[39] = t4) : t4 = $[39];
+  $[36] !== props.textBlock.level || $[37] !== props.textBlock.listItem ? (t4 = props.textBlock.listItem ? ["pt-list-item", `pt-list-item-${props.textBlock.listItem}`, `pt-list-item-level-${props.textBlock.level ?? 1}`] : [], $[36] = props.textBlock.level, $[37] = props.textBlock.listItem, $[38] = t4) : t4 = $[38];
   let t5;
-  $[40] !== t3 || $[41] !== t4 ? (t5 = ["pt-block", "pt-text-block", ...t3, ...t4], $[40] = t3, $[41] = t4, $[42] = t5) : t5 = $[42];
+  $[39] !== t3 || $[40] !== t4 ? (t5 = ["pt-block", "pt-text-block", ...t3, ...t4], $[39] = t3, $[40] = t4, $[41] = t5) : t5 = $[41];
   const t6 = t5.join(" ");
   let t7;
-  $[43] !== props.textBlock.listItem ? (t7 = props.textBlock.listItem !== void 0 ? {
+  $[42] !== props.textBlock.listItem ? (t7 = props.textBlock.listItem !== void 0 ? {
     "data-list-item": props.textBlock.listItem
-  } : {}, $[43] = props.textBlock.listItem, $[44] = t7) : t7 = $[44];
+  } : {}, $[42] = props.textBlock.listItem, $[43] = t7) : t7 = $[43];
   let t8;
-  $[45] !== props.textBlock.level ? (t8 = props.textBlock.level !== void 0 ? {
+  $[44] !== props.textBlock.level ? (t8 = props.textBlock.level !== void 0 ? {
     "data-level": props.textBlock.level
-  } : {}, $[45] = props.textBlock.level, $[46] = t8) : t8 = $[46];
+  } : {}, $[44] = props.textBlock.level, $[45] = t8) : t8 = $[45];
   let t9;
-  $[47] !== props.textBlock.style ? (t9 = props.textBlock.style !== void 0 ? {
+  $[46] !== props.textBlock.style ? (t9 = props.textBlock.style !== void 0 ? {
     "data-style": props.textBlock.style
-  } : {}, $[47] = props.textBlock.style, $[48] = t9) : t9 = $[48];
+  } : {}, $[46] = props.textBlock.style, $[47] = t9) : t9 = $[47];
   let t10;
-  $[49] !== listIndex ? (t10 = listIndex !== void 0 ? {
+  $[48] !== listIndex ? (t10 = listIndex !== void 0 ? {
     "data-list-index": listIndex
-  } : {}, $[49] = listIndex, $[50] = t10) : t10 = $[50];
+  } : {}, $[48] = listIndex, $[49] = t10) : t10 = $[49];
   let t11;
-  $[51] !== props.dropPosition ? (t11 = props.dropPosition === "start" ? /* @__PURE__ */ jsx(DropIndicator, {}) : null, $[51] = props.dropPosition, $[52] = t11) : t11 = $[52];
+  $[50] !== props.dropPosition ? (t11 = props.dropPosition === "start" ? /* @__PURE__ */ jsx(DropIndicator, {}) : null, $[50] = props.dropPosition, $[51] = t11) : t11 = $[51];
   let t12;
-  $[53] !== children || $[54] !== focused || $[55] !== props.legacySchema || $[56] !== props.renderBlock || $[57] !== props.textBlock || $[58] !== selected ? (t12 = props.renderBlock ? /* @__PURE__ */ jsx(RenderBlock, { renderBlock: props.renderBlock, editorElementRef: blockRef, focused, level: props.textBlock.level, listItem: props.textBlock.listItem, path: [{
+  $[52] !== children || $[53] !== focused || $[54] !== props.legacySchema || $[55] !== props.renderBlock || $[56] !== props.textBlock || $[57] !== selected ? (t12 = props.renderBlock ? /* @__PURE__ */ jsx(RenderBlock, { renderBlock: props.renderBlock, editorElementRef: blockRef, focused, level: props.textBlock.level, listItem: props.textBlock.listItem, path: [{
     _key: props.textBlock._key
-  }], selected, schemaType: props.legacySchema.block, style: props.textBlock.style, type: props.legacySchema.block, value: props.textBlock, children }) : children, $[53] = children, $[54] = focused, $[55] = props.legacySchema, $[56] = props.renderBlock, $[57] = props.textBlock, $[58] = selected, $[59] = t12) : t12 = $[59];
+  }], selected, schemaType: props.legacySchema.block, style: props.textBlock.style, type: props.legacySchema.block, value: props.textBlock, children }) : children, $[52] = children, $[53] = focused, $[54] = props.legacySchema, $[55] = props.renderBlock, $[56] = props.textBlock, $[57] = selected, $[58] = t12) : t12 = $[58];
   let t13;
-  $[60] !== t12 ? (t13 = /* @__PURE__ */ jsx("div", { ref: blockRef, children: t12 }), $[60] = t12, $[61] = t13) : t13 = $[61];
+  $[59] !== t12 ? (t13 = /* @__PURE__ */ jsx("div", { ref: blockRef, children: t12 }), $[59] = t12, $[60] = t13) : t13 = $[60];
   let t14;
-  $[62] !== props.dropPosition ? (t14 = props.dropPosition === "end" ? /* @__PURE__ */ jsx(DropIndicator, {}) : null, $[62] = props.dropPosition, $[63] = t14) : t14 = $[63];
+  $[61] !== props.dropPosition ? (t14 = props.dropPosition === "end" ? /* @__PURE__ */ jsx(DropIndicator, {}) : null, $[61] = props.dropPosition, $[62] = t14) : t14 = $[62];
   let t15;
-  return $[64] !== props.attributes || $[65] !== props.spellCheck || $[66] !== props.textBlock._key || $[67] !== props.textBlock._type || $[68] !== t10 || $[69] !== t11 || $[70] !== t13 || $[71] !== t14 || $[72] !== t6 || $[73] !== t7 || $[74] !== t8 || $[75] !== t9 ? (t15 = /* @__PURE__ */ jsxs("div", { ...t2, className: t6, spellCheck: props.spellCheck, "data-block-key": props.textBlock._key, "data-block-name": props.textBlock._type, "data-block-type": "text", ...t7, ...t8, ...t9, ...t10, children: [
+  return $[63] !== props.attributes || $[64] !== props.spellCheck || $[65] !== props.textBlock._key || $[66] !== props.textBlock._type || $[67] !== t10 || $[68] !== t11 || $[69] !== t13 || $[70] !== t14 || $[71] !== t6 || $[72] !== t7 || $[73] !== t8 || $[74] !== t9 ? (t15 = /* @__PURE__ */ jsxs("div", { ...t2, className: t6, spellCheck: props.spellCheck, "data-block-key": props.textBlock._key, "data-block-name": props.textBlock._type, "data-block-type": "text", ...t7, ...t8, ...t9, ...t10, children: [
     t11,
     t13,
     t14
-  ] }), $[64] = props.attributes, $[65] = props.spellCheck, $[66] = props.textBlock._key, $[67] = props.textBlock._type, $[68] = t10, $[69] = t11, $[70] = t13, $[71] = t14, $[72] = t6, $[73] = t7, $[74] = t8, $[75] = t9, $[76] = t15) : t15 = $[76], t15;
+  ] }), $[63] = props.attributes, $[64] = props.spellCheck, $[65] = props.textBlock._key, $[66] = props.textBlock._type, $[67] = t10, $[68] = t11, $[69] = t13, $[70] = t14, $[71] = t6, $[72] = t7, $[73] = t8, $[74] = t9, $[75] = t15) : t15 = $[75], t15;
 }
 function RenderBlock({
   renderBlock,
@@ -3491,7 +3491,7 @@ function createBehaviorApiPlugin(editorActor) {
       delete: editorDelete,
       insertNodes,
       select,
-      setSelection
+      setSelection: setSelection2
     } = editor;
     return editor.delete = (options) => {
       if (editor.isNormalizingNode || editor.isPerformingBehaviorOperation) {
@@ -3645,7 +3645,7 @@ function createBehaviorApiPlugin(editorActor) {
       });
     }, editor.setSelection = (partialRange) => {
       if (editor.isNormalizingNode || editor.isPerformingBehaviorOperation) {
-        setSelection(partialRange);
+        setSelection2(partialRange);
         return;
       }
       const anchor = partialRange.anchor ? slatePointToSelectionPoint({
@@ -3666,12 +3666,12 @@ function createBehaviorApiPlugin(editorActor) {
       if (editor.selection) {
         const newAnchor = partialRange.anchor ?? editor.selection.anchor, newFocus = partialRange.focus ?? editor.selection.focus;
         if (Point.equals(newAnchor, editor.selection.anchor) && Point.equals(newFocus, editor.selection.focus)) {
-          setSelection(partialRange);
+          setSelection2(partialRange);
           return;
         }
       }
       if (!anchor || !focus) {
-        setSelection(partialRange);
+        setSelection2(partialRange);
         return;
       }
       editorActor.send({
@@ -6271,25 +6271,44 @@ const abstractAnnotationBehaviors = [defineBehavior({
   guard: ({
     snapshot,
     event
-  }) => isActiveDecorator(event.decorator)(snapshot),
+  }) => {
+    const at = event.at ?? snapshot.context.selection;
+    if (!at)
+      return !1;
+    const adjustedSnapshot = {
+      ...snapshot,
+      context: {
+        ...snapshot.context,
+        selection: at
+      }
+    };
+    return isActiveDecorator(event.decorator)(adjustedSnapshot);
+  },
   actions: [({
     event
   }) => [raise({
     type: "decorator.remove",
-    decorator: event.decorator
+    decorator: event.decorator,
+    at: event.at
   })]]
 }), defineBehavior({
   on: "decorator.toggle",
   guard: ({
     snapshot,
     event
-  }) => event.at ? !isActiveDecorator(event.decorator)({
-    ...snapshot,
-    context: {
-      ...snapshot.context,
-      selection: event.at
-    }
-  }) : !isActiveDecorator(event.decorator)(snapshot),
+  }) => {
+    const at = event.at ?? snapshot.context.selection;
+    if (!at)
+      return !1;
+    const adjustedSnapshot = {
+      ...snapshot,
+      context: {
+        ...snapshot.context,
+        selection: at
+      }
+    };
+    return !isActiveDecorator(event.decorator)(adjustedSnapshot);
+  },
   actions: [({
     event
   }) => [raise({
@@ -6316,8 +6335,17 @@ const abstractAnnotationBehaviors = [defineBehavior({
   }) => {
     if (event.direction !== "backward")
       return !1;
-    const previousBlock = getPreviousBlock(snapshot), focusTextBlock = getFocusTextBlock(snapshot);
-    if (!previousBlock || !focusTextBlock || !isAtTheStartOfBlock(focusTextBlock)(snapshot))
+    const at = event.at ?? snapshot.context.selection;
+    if (!at)
+      return !1;
+    const adjustedSnapshot = {
+      ...snapshot,
+      context: {
+        ...snapshot.context,
+        selection: at
+      }
+    }, previousBlock = getPreviousBlock(adjustedSnapshot), focusTextBlock = getFocusTextBlock(adjustedSnapshot);
+    if (!previousBlock || !focusTextBlock || !isAtTheStartOfBlock(focusTextBlock)(adjustedSnapshot))
       return !1;
     const previousBlockEndPoint = getBlockEndPoint({
       context: snapshot.context,
@@ -6414,8 +6442,17 @@ const abstractAnnotationBehaviors = [defineBehavior({
   }) => {
     if (event.direction !== "forward")
       return !1;
-    const nextBlock = getNextBlock(snapshot), focusTextBlock = getFocusTextBlock(snapshot);
-    return !nextBlock || !focusTextBlock || !isAtTheEndOfBlock(focusTextBlock)(snapshot) || !isTextBlock(snapshot.context, nextBlock.node) ? !1 : {
+    const at = event.at ?? snapshot.context.selection;
+    if (!at)
+      return !1;
+    const adjustedSnapshot = {
+      ...snapshot,
+      context: {
+        ...snapshot.context,
+        selection: at
+      }
+    }, nextBlock = getNextBlock(adjustedSnapshot), focusTextBlock = getFocusTextBlock(adjustedSnapshot);
+    return !nextBlock || !focusTextBlock || !isAtTheEndOfBlock(focusTextBlock)(adjustedSnapshot) || !isTextBlock(snapshot.context, nextBlock.node) ? !1 : {
       nextBlock
     };
   },
@@ -9104,7 +9141,13 @@ const MAX_LIST_LEVEL = 10, clearListOnBackspace = defineBehavior({
     snapshot,
     event
   }) => {
-    const focusListBlock = getFocusListBlock(snapshot);
+    const adjustedSnapshot = {
+      ...snapshot,
+      context: {
+        ...snapshot.context,
+        selection: event.at ?? snapshot.context.selection
+      }
+    }, focusListBlock = getFocusListBlock(adjustedSnapshot);
     if (!focusListBlock)
       return !1;
     const firstInsertedBlock = event.blocks.at(0), secondInsertedBlock = event.blocks.at(1), insertedListBlock = isListBlock(snapshot.context, firstInsertedBlock) ? firstInsertedBlock : isListBlock(snapshot.context, secondInsertedBlock) ? secondInsertedBlock : void 0;
@@ -9138,7 +9181,13 @@ const MAX_LIST_LEVEL = 10, clearListOnBackspace = defineBehavior({
     snapshot,
     event
   }) => {
-    const focusListBlock = getFocusListBlock(snapshot);
+    const adjustedSnapshot = {
+      ...snapshot,
+      context: {
+        ...snapshot.context,
+        selection: event.at ?? snapshot.context.selection
+      }
+    }, focusListBlock = getFocusListBlock(adjustedSnapshot);
     if (!focusListBlock || isEmptyTextBlock(snapshot.context, focusListBlock.node))
       return !1;
     const firstInsertedBlock = event.blocks.at(0), secondInsertedBlock = event.blocks.at(1), insertedListBlock = isListBlock(snapshot.context, firstInsertedBlock) ? firstInsertedBlock : isListBlock(snapshot.context, secondInsertedBlock) ? secondInsertedBlock : void 0;
@@ -9171,7 +9220,13 @@ const MAX_LIST_LEVEL = 10, clearListOnBackspace = defineBehavior({
   }) => {
     if (event.placement !== "auto" || event.block._type !== snapshot.context.schema.block.name || event.block.listItem !== void 0)
       return !1;
-    const focusListBlock = getFocusListBlock(snapshot);
+    const adjustedSnapshot = {
+      ...snapshot,
+      context: {
+        ...snapshot.context,
+        selection: event.at ?? snapshot.context.selection
+      }
+    }, focusListBlock = getFocusListBlock(adjustedSnapshot);
     return !focusListBlock || !isEmptyTextBlock(snapshot.context, focusListBlock.node) ? !1 : {
       level: focusListBlock.node.level,
       listItem: focusListBlock.node.listItem
@@ -9237,6 +9292,31 @@ function getEventBehaviors(behaviorIndex, type) {
   const global = behaviorIndex.global, namespace = type.includes(".") ? type.split(".").at(0) : type, namespaced = namespace ? behaviorIndex.namespaced.get(namespace) ?? [] : [], exact = behaviorIndex.exact.get(type) ?? [];
   return [...global, ...namespaced, ...exact].sort((a, b) => a.sortOrder - b.sortOrder).map((sortedBehavior) => sortedBehavior.behavior);
 }
+function createEditorSnapshot({
+  converters,
+  editor,
+  keyGenerator,
+  readOnly,
+  schema
+}) {
+  const selection = editor.selection ? slateRangeToSelection({
+    schema,
+    editor,
+    range: editor.selection
+  }) : null, context = {
+    converters,
+    keyGenerator,
+    readOnly,
+    schema,
+    selection,
+    value: editor.value
+  };
+  return {
+    blockIndexMap: editor.blockIndexMap,
+    context,
+    decoratorState: editor.decoratorState
+  };
+}
 const addAnnotationOperationImplementation = ({
   context,
   operation
@@ -9587,84 +9667,96 @@ const addAnnotationOperationImplementation = ({
     },
     blockIndexMap: operation.editor.blockIndexMap
   }) : operation.editor.selection;
-  if (!at)
-    throw new Error("Unable to add decorator without a selection");
-  if (Range.isExpanded(at)) {
-    const rangeRef = Editor.rangeRef(editor, at, {
-      affinity: "inward"
-    }), [start, end] = Range.edges(at), endAtEndOfNode = Editor.isEnd(editor, end, end.path);
-    Transforms.splitNodes(editor, {
-      at: end,
-      match: Text.isText,
-      mode: "lowest",
-      voids: !1,
-      always: !endAtEndOfNode
-    });
-    const startAtStartOfNode = Editor.isStart(editor, start, start.path);
-    if (Transforms.splitNodes(editor, {
-      at: start,
-      match: Text.isText,
-      mode: "lowest",
-      voids: !1,
-      always: !startAtStartOfNode
-    }), at = rangeRef.unref(), !at)
-      throw new Error("Unable to add decorator without a selection");
-    operation.at || Transforms.select(editor, at);
-    const splitTextNodes = Editor.nodes(editor, {
-      at,
-      match: Text.isText
-    });
-    for (const [node, path] of splitTextNodes) {
-      const marks = [...(Array.isArray(node.marks) ? node.marks : []).filter((eMark) => eMark !== mark), mark];
-      Transforms.setNodes(editor, {
-        marks
-      }, {
-        at: path,
+  if (at) {
+    if (Range.isExpanded(at)) {
+      const rangeRef = Editor.rangeRef(editor, at, {
+        affinity: "inward"
+      }), [start, end] = Range.edges(at), endAtEndOfNode = Editor.isEnd(editor, end, end.path);
+      Transforms.splitNodes(editor, {
+        at: end,
         match: Text.isText,
-        split: !0,
-        hanging: !0
+        mode: "lowest",
+        voids: !1,
+        always: !endAtEndOfNode
       });
-    }
-  } else {
-    if (!Array.from(Editor.nodes(editor, {
-      at,
-      match: (node) => editor.isTextSpan(node)
-    }))?.at(0))
-      return;
-    const [block, blockPath] = Editor.node(editor, at, {
-      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)
+      const startAtStartOfNode = Editor.isStart(editor, start, start.path);
+      if (Transforms.splitNodes(editor, {
+        at: start,
+        match: Text.isText,
+        mode: "lowest",
+        voids: !1,
+        always: !startAtStartOfNode
+      }), at = rangeRef.unref(), !at)
+        throw new Error("Unable to add decorator without a selection");
+      operation.at || Transforms.select(editor, at);
+      const splitTextNodes = Editor.nodes(editor, {
+        at,
+        match: Text.isText
       });
-    } else
-      editor.decoratorState[mark] = !0;
-  }
-  if (editor.selection) {
-    const selection = editor.selection;
-    editor.selection = {
-      ...selection
-    };
+      for (const [node, path] of splitTextNodes) {
+        const marks = [...(Array.isArray(node.marks) ? node.marks : []).filter((eMark) => eMark !== mark), mark];
+        Transforms.setNodes(editor, {
+          marks
+        }, {
+          at: path,
+          match: Text.isText,
+          split: !0,
+          hanging: !0
+        });
+      }
+    } else {
+      if (!Array.from(Editor.nodes(editor, {
+        at,
+        match: (node) => editor.isTextSpan(node)
+      }))?.at(0))
+        return;
+      const [block, blockPath] = Editor.node(editor, at, {
+        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
+        editor.decoratorState[mark] = !0;
+    }
+    if (editor.selection) {
+      const selection = editor.selection;
+      editor.selection = {
+        ...selection
+      };
+    }
   }
 }, decoratorRemoveOperationImplementation = ({
+  context,
   operation
 }) => {
-  const editor = operation.editor, mark = operation.decorator, {
-    selection
-  } = editor;
-  if (selection) {
-    if (Range.isExpanded(selection))
+  const editor = operation.editor, mark = operation.decorator, at = operation.at ? toSlateRange({
+    context: {
+      schema: context.schema,
+      value: operation.editor.value,
+      selection: operation.at
+    },
+    blockIndexMap: operation.editor.blockIndexMap
+  }) : editor.selection;
+  if (at) {
+    if (Range.isExpanded(at)) {
+      const rangeRef = Editor.rangeRef(editor, at, {
+        affinity: "inward"
+      });
       Transforms.setNodes(editor, {}, {
+        at,
         match: Text.isText,
         split: !0,
         hanging: !0
-      }), editor.selection && [...Editor.nodes(editor, {
-        at: editor.selection,
+      });
+      const updatedAt = rangeRef.unref();
+      updatedAt && [...Editor.nodes(editor, {
+        at: updatedAt,
         match: Text.isText
       })].forEach(([node, path]) => {
         const block = editor.children[path[0]];
@@ -9675,8 +9767,8 @@ const addAnnotationOperationImplementation = ({
           at: path
         });
       });
-    else {
-      const [block, blockPath] = Editor.node(editor, selection, {
+    } else {
+      const [block, blockPath] = Editor.node(editor, at, {
         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) {
@@ -9691,9 +9783,9 @@ const addAnnotationOperationImplementation = ({
         editor.decoratorState[mark] = !1;
     }
     if (editor.selection) {
-      const selection2 = editor.selection;
+      const selection = editor.selection;
       editor.selection = {
-        ...selection2
+        ...selection
       };
     }
   }
@@ -10058,199 +10150,578 @@ function insertBlock(options) {
     },
     blockIndexMap: editor.blockIndexMap
   }) : editor.selection;
-  editor.children.length === 0 && Transforms.insertNodes(editor, createPlaceholderBlock(context), {
-    at: [0]
-  });
+  if (editor.children.length === 0) {
+    insertNodeAt(editor, [0], block, select);
+    return;
+  }
   const start = at ? Range.start(at) : Editor.start(editor, []), end = at ? Range.end(at) : Editor.end(editor, []), [startBlock, startBlockPath] = Array.from(Editor.nodes(editor, {
     at: start,
     mode: "lowest",
     match: (node, path) => Element$1.isElement(node) && path.length <= start.path.length
-  })).at(0) ?? [void 0, void 0], [endBlock, endBlockPath] = Array.from(Editor.nodes(editor, {
+  })).at(0) ?? [void 0, void 0];
+  let [endBlock, endBlockPath] = Array.from(Editor.nodes(editor, {
     at: end,
     mode: "lowest",
     match: (node, path) => Element$1.isElement(node) && path.length <= end.path.length
   })).at(0) ?? [void 0, void 0];
   if (!startBlock || !startBlockPath || !endBlock || !endBlockPath)
     throw new Error("Unable to insert block without a start and end block");
+  if (placement === "before") {
+    insertNodeAt(editor, startBlockPath, block, select);
+    return;
+  }
+  if (placement === "after") {
+    insertNodeAt(editor, Path.next(endBlockPath), block, select);
+    return;
+  }
   if (!at) {
-    if (placement === "before")
-      Transforms.insertNodes(editor, [block], {
-        at: [0]
-      }), select === "start" ? Transforms.select(editor, Editor.start(editor, [0])) : select === "end" && Transforms.select(editor, Editor.end(editor, [0]));
-    else if (placement === "after") {
-      const nextPath = Path.next(endBlockPath);
-      Transforms.insertNodes(editor, [block], {
-        at: nextPath
-      }), select === "start" ? Transforms.select(editor, Editor.start(editor, nextPath)) : select === "end" && Transforms.select(editor, Editor.end(editor, nextPath));
-    } else {
-      if (isEmptyTextBlock(context, endBlock)) {
-        Transforms.insertNodes(editor, [block], {
-          at: endBlockPath,
-          select: !1
-        }), Transforms.removeNodes(editor, {
-          at: Path.next(endBlockPath)
-        }), Transforms.deselect(editor), select === "start" ? Transforms.select(editor, Editor.start(editor, endBlockPath)) : select === "end" && Transforms.select(editor, Editor.end(editor, endBlockPath));
-        return;
+    if (isEmptyTextBlock(context, endBlock)) {
+      replaceEmptyTextBlock(editor, endBlockPath, block, select);
+      return;
+    }
+    if (editor.isTextBlock(block) && editor.isTextBlock(endBlock)) {
+      const selectionBefore = Editor.end(editor, endBlockPath);
+      insertTextBlockFragment(editor, block, selectionBefore), select === "start" ? setSelectionToPoint(editor, selectionBefore) : select === "none" && clearSelection(editor);
+      return;
+    }
+    insertNodeAt(editor, Path.next(endBlockPath), block, select);
+    return;
+  }
+  if (Range.isExpanded(at) && !editor.isTextBlock(block)) {
+    const atBeforeDelete = Editor.rangeRef(editor, at, {
+      affinity: "inward"
+    }), start2 = Range.start(at), startBlock2 = Node.get(editor, [start2.path[0]]), startOfBlock = Editor.start(editor, [start2.path[0]]), isAtStartOfBlock = Element$1.isElement(startBlock2) && Point.equals(start2, startOfBlock);
+    deleteExpandedRange(editor, at);
+    const atAfterDelete = atBeforeDelete.unref() ?? editor.selection, atBeforeInsert = atAfterDelete ? Editor.rangeRef(editor, atAfterDelete, {
+      affinity: "inward"
+    }) : void 0;
+    if (atAfterDelete) {
+      const insertPath = isAtStartOfBlock ? [atAfterDelete.anchor.path[0]] : [atAfterDelete.anchor.path[0] + 1];
+      if (editor.apply({
+        type: "insert_node",
+        path: insertPath,
+        node: block
+      }), select !== "none") {
+        const point = Editor.start(editor, insertPath);
+        editor.apply({
+          type: "set_selection",
+          properties: editor.selection,
+          newProperties: {
+            anchor: point,
+            focus: point
+          }
+        });
       }
-      if (editor.isTextBlock(block) && endBlock && editor.isTextBlock(endBlock)) {
-        const selectionBefore = Editor.end(editor, endBlockPath);
-        Transforms.insertFragment(editor, [block], {
-          at: Editor.end(editor, endBlockPath)
-        }), select === "start" ? Transforms.select(editor, selectionBefore) : select === "none" && Transforms.deselect(editor);
-        return;
+    }
+    const atAfterInsert = atBeforeInsert?.unref() ?? editor.selection;
+    if (select === "none" && atAfterInsert && editor.apply({
+      type: "set_selection",
+      properties: editor.selection,
+      newProperties: atAfterInsert
+    }), !editor.isTextBlock(block) && atAfterDelete) {
+      const emptyBlockPath = isAtStartOfBlock ? [atAfterDelete.anchor.path[0] + 1] : [atAfterDelete.anchor.path[0]];
+      try {
+        const potentiallyEmptyBlock = Node.get(editor, emptyBlockPath);
+        Element$1.isElement(potentiallyEmptyBlock) && isEmptyTextBlock(context, potentiallyEmptyBlock) && editor.apply({
+          type: "remove_node",
+          path: emptyBlockPath,
+          node: potentiallyEmptyBlock
+        });
+      } catch {
       }
-      const nextPath = Path.next(endBlockPath);
-      Transforms.insertNodes(editor, [block], {
-        at: nextPath,
-        select: !1
-      }), select === "start" ? Transforms.select(editor, Editor.start(editor, nextPath)) : select === "end" && Transforms.select(editor, Editor.end(editor, nextPath));
     }
     return;
   }
-  if (!at)
-    throw new Error("Unable to insert block without a selection");
-  if (placement === "before")
-    Transforms.insertNodes(editor, [block], {
-      at: startBlockPath,
-      select: !1
-    }), select === "start" ? Transforms.select(editor, Editor.start(editor, startBlockPath)) : select === "end" && Transforms.select(editor, Editor.end(editor, startBlockPath));
-  else if (placement === "after") {
-    const nextPath = Path.next(endBlockPath);
-    Transforms.insertNodes(editor, [block], {
-      at: nextPath,
-      select: !1
-    }), select === "start" ? Transforms.select(editor, Editor.start(editor, nextPath)) : select === "end" && Transforms.select(editor, Editor.end(editor, nextPath));
-  } else {
-    const endBlockEndPoint = Editor.start(editor, endBlockPath);
-    if (Range.isExpanded(at) && !editor.isTextBlock(block)) {
-      const atBeforeDelete = Editor.rangeRef(editor, at, {
-        affinity: "inward"
-      });
-      Transforms.delete(editor, {
-        at
-      });
-      const [focusBlock, focusBlockPath] = getFocusBlock({
-        editor
-      }), atAfterDelete = atBeforeDelete.unref() ?? editor.selection, atBeforeInsert = atAfterDelete ? Editor.rangeRef(editor, atAfterDelete, {
-        affinity: "inward"
-      }) : void 0;
-      Transforms.insertNodes(editor, [block], {
-        voids: !0,
-        at: atAfterDelete ?? void 0,
-        select: select !== "none"
-      });
-      const atAfterInsert = atBeforeInsert?.unref() ?? editor.selection;
-      select === "none" && atAfterInsert && Transforms.select(editor, atAfterInsert), isEmptyTextBlock(context, focusBlock) && Transforms.removeNodes(editor, {
-        at: focusBlockPath
+  if (!editor.isTextBlock(block) && editor.isTextBlock(endBlock) && !Range.isExpanded(at)) {
+    const selectionPoint = Range.start(at), blockPath = [selectionPoint.path[0]], blockStartPoint = Editor.start(editor, blockPath), blockEndPoint = Editor.end(editor, blockPath), isAtBlockStart = Point.equals(selectionPoint, blockStartPoint), isAtBlockEnd = Point.equals(selectionPoint, blockEndPoint);
+    if (!isAtBlockStart && !isAtBlockEnd) {
+      const currentBlock = Node.get(editor, blockPath), childIndex = selectionPoint.path[1], childOffset = selectionPoint.offset;
+      if (childOffset > 0) {
+        const textNode = Node.get(editor, selectionPoint.path);
+        if (childOffset < textNode.text.length) {
+          const {
+            text: _2,
+            ...properties
+          } = textNode;
+          editor.apply({
+            type: "split_node",
+            path: selectionPoint.path,
+            position: childOffset,
+            properties
+          });
+        }
+      }
+      const splitAtIndex = childOffset > 0 ? childIndex + 1 : childIndex, {
+        children: _,
+        ...blockProperties
+      } = currentBlock;
+      editor.apply({
+        type: "split_node",
+        path: blockPath,
+        position: splitAtIndex,
+        properties: blockProperties
       });
+      const insertPath = [blockPath[0] + 1];
+      if (editor.apply({
+        type: "insert_node",
+        path: insertPath,
+        node: block
+      }), select === "none") {
+        const firstBlockEndPoint = Editor.end(editor, blockPath);
+        editor.apply({
+          type: "set_selection",
+          properties: editor.selection,
+          newProperties: {
+            anchor: firstBlockEndPoint,
+            focus: firstBlockEndPoint
+          }
+        });
+      } else if (select === "start") {
+        const point = Editor.start(editor, insertPath);
+        editor.apply({
+          type: "set_selection",
+          properties: editor.selection,
+          newProperties: {
+            anchor: point,
+            focus: point
+          }
+        });
+      } else if (select === "end") {
+        const point = Editor.end(editor, insertPath);
+        editor.apply({
+          type: "set_selection",
+          properties: editor.selection,
+          newProperties: {
+            anchor: point,
+            focus: point
+          }
+        });
+      }
       return;
     }
-    if (editor.isTextBlock(endBlock) && editor.isTextBlock(block)) {
-      const selectionStartPoint = Range.start(at);
-      if (isEmptyTextBlock(context, endBlock)) {
-        Transforms.insertNodes(editor, [block], {
-          at: endBlockPath,
-          select: !1
-        }), Transforms.removeNodes(editor, {
-          at: Path.next(endBlockPath)
-        }), select === "start" ? Transforms.select(editor, selectionStartPoint) : select === "end" ? Transforms.select(editor, Editor.end(editor, endBlockPath)) : Transforms.select(editor, at);
-        return;
-      }
-      const endBlockChildKeys = endBlock.children.map((child) => child._key), endBlockMarkDefsKeys = endBlock.markDefs?.map((markDef) => markDef._key) ?? [], markDefKeyMap = /* @__PURE__ */ new Map(), adjustedMarkDefs = block.markDefs?.map((markDef) => {
-        if (endBlockMarkDefsKeys.includes(markDef._key)) {
-          const newKey = context.keyGenerator();
-          return markDefKeyMap.set(markDef._key, newKey), {
-            ...markDef,
-            _key: newKey
+  }
+  if (editor.isTextBlock(endBlock) && editor.isTextBlock(block)) {
+    let selectionStartPoint = Range.start(at), wasCrossBlockDeletion = !1;
+    if (Range.isExpanded(at)) {
+      const [start2, end2] = Range.edges(at), isCrossBlock = start2.path[0] !== end2.path[0];
+      if (deleteExpandedRange(editor, at), isCrossBlock) {
+        wasCrossBlockDeletion = !0;
+        const startBlockPath2 = [start2.path[0]], mergedBlock = Node.get(editor, startBlockPath2);
+        if (editor.isTextBlock(mergedBlock)) {
+          const mergePoint = {
+            path: [...startBlockPath2, start2.path[1]],
+            offset: start2.offset
           };
+          setSelectionToPoint(editor, mergePoint), selectionStartPoint = mergePoint;
         }
-        return markDef;
-      }), adjustedChildren = block.children.map((child) => {
-        if (isSpan(context, child)) {
-          const marks = child.marks?.map((mark) => markDefKeyMap.get(mark) || mark) ?? [];
-          if (!isEqualMarks(child.marks, marks))
-            return {
-              ...child,
-              _key: endBlockChildKeys.includes(child._key) ? context.keyGenerator() : child._key,
-              marks
-            };
-        }
-        return endBlockChildKeys.includes(child._key) ? {
-          ...child,
-          _key: context.keyGenerator()
-        } : child;
-      });
-      Transforms.setNodes(editor, {
+      }
+      const [newEndBlock, newEndBlockPath] = Array.from(Editor.nodes(editor, {
+        at: Editor.end(editor, []),
+        mode: "lowest",
+        match: (node, path) => Element$1.isElement(node) && path.length === 1
+      })).at(-1) ?? [void 0, void 0];
+      newEndBlock && newEndBlockPath && Element$1.isElement(newEndBlock) && (endBlock = newEndBlock, endBlockPath = newEndBlockPath);
+    }
+    if (!editor.isTextBlock(endBlock))
+      return;
+    if (isEmptyTextBlock(context, endBlock)) {
+      replaceEmptyTextBlock(editor, endBlockPath, block, select);
+      return;
+    }
+    const endBlockChildKeys = endBlock.children.map((child) => child._key), endBlockMarkDefsKeys = endBlock.markDefs?.map((markDef) => markDef._key) ?? [], markDefKeyMap = /* @__PURE__ */ new Map(), adjustedMarkDefs = block.markDefs?.map((markDef) => {
+      if (endBlockMarkDefsKeys.includes(markDef._key)) {
+        const newKey = context.keyGenerator();
+        return markDefKeyMap.set(markDef._key, newKey), {
+          ...markDef,
+          _key: newKey
+        };
+      }
+      return markDef;
+    }), adjustedChildren = block.children.map((child) => {
+      if (isSpan(context, child)) {
+        const marks = child.marks?.map((mark) => markDefKeyMap.get(mark) || mark) ?? [];
+        if (!isEqualMarks(child.marks, marks))
+          return {
+            ...child,
+            _key: endBlockChildKeys.includes(child._key) ? context.keyGenerator() : child._key,
+            marks
+          };
+      }
+      return endBlockChildKeys.includes(child._key) ? {
+        ...child,
+        _key: context.keyGenerator()
+      } : child;
+    }), endBlockNode = Node.get(editor, endBlockPath);
+    if (Element$1.isElement(endBlockNode) && editor.isTextBlock(endBlockNode)) {
+      const properties = {
+        markDefs: endBlockNode.markDefs
+      }, newProperties = {
         markDefs: [...endBlock.markDefs ?? [], ...adjustedMarkDefs ?? []]
-      }, {
-        at: endBlockPath
-      });
-      const adjustedBlock = isEqualChildren(block.children, adjustedChildren) ? block : {
-        ...block,
-        children: adjustedChildren
       };
-      if (select === "end") {
-        Transforms.insertFragment(editor, [adjustedBlock], {
-          voids: !0
-        });
-        return;
-      }
-      Transforms.insertFragment(editor, [adjustedBlock], {
-        at,
-        voids: !0
-      }), select === "start" ? Transforms.select(editor, selectionStartPoint) : Point.equals(selectionStartPoint, endBlockEndPoint) || Transforms.select(editor, selectionStartPoint);
-    } else if (editor.isTextBlock(endBlock)) {
-      const endBlockStartPoint = Editor.start(editor, endBlockPath), endBlockEndPoint2 = Editor.end(editor, endBlockPath), selectionStartPoint = Range.start(at), selectionEndPoint = Range.end(at);
-      if (Range.isCollapsed(at) && Point.equals(selectionStartPoint, endBlockStartPoint))
-        Transforms.insertNodes(editor, [block], {
-          at: endBlockPath,
-          select: !1
-        }), (select === "start" || select === "end") && Transforms.select(editor, Editor.start(editor, endBlockPath)), isEmptyTextBlock(context, endBlock) && Transforms.removeNodes(editor, {
-          at: Path.next(endBlockPath)
-        });
-      else if (Range.isCollapsed(at) && Point.equals(selectionEndPoint, endBlockEndPoint2)) {
-        const nextPath = [endBlockPath[0] + 1];
-        Transforms.insertNodes(editor, [block], {
-          at: nextPath,
-          select: !1
-        }), (select === "start" || select === "end") && Transforms.select(editor, Editor.start(editor, nextPath));
-      } else if (Range.isExpanded(at) && Point.equals(selectionStartPoint, endBlockStartPoint) && Point.equals(selectionEndPoint, endBlockEndPoint2))
-        Transforms.insertFragment(editor, [block], {
-          at
-        }), select === "start" ? Transforms.select(editor, Editor.start(editor, endBlockPath)) : select === "end" && Transforms.select(editor, Editor.end(editor, endBlockPath));
-      else if (Range.isExpanded(at) && Point.equals(selectionStartPoint, endBlockStartPoint))
-        Transforms.insertFragment(editor, [block], {
-          at
-        }), select === "start" ? Transforms.select(editor, Editor.start(editor, endBlockPath)) : select === "end" && Transforms.select(editor, Editor.end(editor, endBlockPath));
-      else if (Range.isExpanded(at) && Point.equals(selectionEndPoint, endBlockEndPoint2))
-        Transforms.insertFragment(editor, [block], {
-          at
-        }), select === "start" ? Transforms.select(editor, Editor.start(editor, Path.next(endBlockPath))) : select === "end" && Transforms.select(editor, Editor.end(editor, Path.next(endBlockPath)));
+      editor.apply({
+        type: "set_node",
+        path: endBlockPath,
+        properties,
+        newProperties
+      });
+    }
+    const adjustedBlock = isEqualChildren(block.children, adjustedChildren) ? block : {
+      ...block,
+      children: adjustedChildren
+    };
+    if (select === "end") {
+      const insertAt = editor.selection ? Range.end(editor.selection) : Editor.end(editor, endBlockPath);
+      insertTextBlockFragment(editor, adjustedBlock, insertAt);
+      return;
+    }
+    if (insertTextBlockFragment(editor, adjustedBlock, selectionStartPoint), select === "start")
+      setSelectionToPoint(editor, selectionStartPoint);
+    else if (select === "none")
+      if (wasCrossBlockDeletion)
+        setSelectionToPoint(editor, selectionStartPoint);
       else {
-        const [focusChild] = getFocusChild({
-          editor
-        });
-        if (focusChild && editor.isTextSpan(focusChild))
-          Transforms.splitNodes(editor, {
-            at
-          }), Transforms.insertFragment(editor, [block], {
-            at
-          }), select === "start" || select === "end" ? Transforms.select(editor, [endBlockPath[0] + 1]) : Transforms.select(editor, at);
-        else {
-          const nextPath = [endBlockPath[0] + 1];
-          Transforms.insertNodes(editor, [block], {
-            at: nextPath,
-            select: !1
-          }), Transforms.select(editor, at), select === "start" ? Transforms.select(editor, Editor.start(editor, nextPath)) : select === "end" && Transforms.select(editor, Editor.end(editor, nextPath));
+        const endBlockStartPoint = Editor.start(editor, endBlockPath);
+        Point.equals(selectionStartPoint, endBlockStartPoint) || setSelectionToPoint(editor, selectionStartPoint);
+      }
+  } else {
+    if (!editor.isTextBlock(endBlock)) {
+      insertNodeAt(editor, [endBlockPath[0] + 1], block, select);
+      return;
+    }
+    const endBlockStartPoint = Editor.start(editor, endBlockPath), endBlockEndPoint = Editor.end(editor, endBlockPath), selectionStartPoint = Range.start(at), selectionEndPoint = Range.end(at);
+    if (Range.isCollapsed(at) && Point.equals(selectionStartPoint, endBlockStartPoint)) {
+      editor.apply({
+        type: "insert_node",
+        path: endBlockPath,
+        node: block
+      }), select !== "none" && setSelection(editor, endBlockPath, "start"), isEmptyTextBlock(context, endBlock) && removeNodeAt(editor, Path.next(endBlockPath));
+      return;
+    }
+    if (Range.isCollapsed(at) && Point.equals(selectionEndPoint, endBlockEndPoint)) {
+      const nextPath = [endBlockPath[0] + 1];
+      editor.apply({
+        type: "insert_node",
+        path: nextPath,
+        node: block
+      }), select !== "none" && setSelection(editor, nextPath, "start");
+      return;
+    }
+    if (Range.isExpanded(at) && Point.equals(selectionStartPoint, endBlockStartPoint) && Point.equals(selectionEndPoint, endBlockEndPoint)) {
+      editor.apply({
+        type: "insert_node",
+        path: endBlockPath,
+        node: block
+      }), removeNodeAt(editor, Path.next(endBlockPath)), select !== "none" && setSelection(editor, endBlockPath, select);
+      return;
+    }
+    if (Range.isExpanded(at) && Point.equals(selectionStartPoint, endBlockStartPoint)) {
+      const [, end2] = Range.edges(at), endNode = Node.get(editor, end2.path);
+      end2.offset > 0 && editor.apply({
+        type: "remove_text",
+        path: end2.path,
+        offset: 0,
+        text: endNode.text.slice(0, end2.offset)
+      });
+      for (let i = end2.path[1] - 1; i >= 0; i--)
+        removeNodeAt(editor, [...endBlockPath, i]);
+      insertTextBlockFragment(editor, block, Editor.start(editor, endBlockPath)), select !== "none" && setSelection(editor, endBlockPath, select);
+      return;
+    }
+    if (Range.isExpanded(at) && Point.equals(selectionEndPoint, endBlockEndPoint)) {
+      const [start2] = Range.edges(at), blockNode = Node.get(editor, endBlockPath);
+      for (let i = blockNode.children.length - 1; i > start2.path[1]; i--)
+        removeNodeAt(editor, [...endBlockPath, i]);
+      const startNode = Node.get(editor, start2.path);
+      start2.offset < startNode.text.length && editor.apply({
+        type: "remove_text",
+        path: start2.path,
+        offset: start2.offset,
+        text: startNode.text.slice(start2.offset)
+      }), insertTextBlockFragment(editor, block, start2), select !== "none" && setSelection(editor, Path.next(endBlockPath), select);
+      return;
+    }
+    const [focusChild] = getFocusChild({
+      editor
+    });
+    if (focusChild && editor.isTextSpan(focusChild)) {
+      const startPoint = Range.start(at);
+      if (editor.isTextBlock(block)) {
+        const nodeToSplit = Node.get(editor, startPoint.path);
+        if (Text.isText(nodeToSplit)) {
+          const {
+            text: _,
+            ...properties
+          } = nodeToSplit;
+          editor.apply({
+            type: "split_node",
+            path: startPoint.path,
+            position: startPoint.offset,
+            properties
+          });
+        }
+        insertTextBlockFragment(editor, block, startPoint), select === "none" ? setSelectionToRange(editor, at) : setSelection(editor, [endBlockPath[0] + 1], "start");
+      } else {
+        let currentPath = startPoint.path, currentOffset = startPoint.offset;
+        const cursorPositionRef = Editor.pointRef(editor, startPoint, {
+          affinity: "backward"
+        }), blockPath = [currentPath[0]], firstBlockPathRef = Editor.pathRef(editor, blockPath), textNode = Node.get(editor, currentPath);
+        if (Text.isText(textNode) && currentOffset > 0 && currentOffset < textNode.text.length) {
+          const {
+            text: _,
+            ...properties
+          } = textNode;
+          editor.apply({
+            type: "split_node",
+            path: currentPath,
+            position: currentOffset,
+            properties
+          }), currentPath = Path.next(currentPath), currentOffset = 0;
+        }
+        const splitAtIndex = currentOffset > 0 ? currentPath[1] + 1 : currentPath[1], blockToSplit = Node.get(editor, blockPath);
+        if (splitAtIndex < blockToSplit.children.length && Element$1.isElement(blockToSplit)) {
+          const {
+            children: _,
+            ...blockProperties
+          } = blockToSplit;
+          editor.apply({
+            type: "split_node",
+            path: blockPath,
+            position: splitAtIndex,
+            properties: blockProperties
+          });
+        }
+        const currentFirstBlockPath = firstBlockPathRef.unref(), insertPath = currentFirstBlockPath ? [currentFirstBlockPath[0] + 1] : [blockPath[0] + 1];
+        if (editor.apply({
+          type: "insert_node",
+          path: insertPath,
+          node: block
+        }), select === "start" || select === "end") {
+          const point = Editor.start(editor, insertPath);
+          editor.apply({
+            type: "set_selection",
+            properties: editor.selection,
+            newProperties: {
+              anchor: point,
+              focus: point
+            }
+          });
+        } else {
+          const point = cursorPositionRef.unref();
+          point && editor.apply({
+            type: "set_selection",
+            properties: editor.selection,
+            newProperties: {
+              anchor: point,
+              focus: point
+            }
+          });
         }
       }
     } else {
       const nextPath = [endBlockPath[0] + 1];
-      Transforms.insertNodes(editor, [block], {
-        select: !1,
-        at: nextPath
-      }), select === "start" ? Transforms.select(editor, Editor.start(editor, nextPath)) : select === "end" && Transforms.select(editor, Editor.end(editor, nextPath));
+      editor.apply({
+        type: "insert_node",
+        path: nextPath,
+        node: block
+      }), select === "none" ? setSelectionToRange(editor, at) : setSelection(editor, nextPath, select);
+    }
+  }
+}
+function setSelection(editor, path, position) {
+  const point = position === "start" ? Editor.start(editor, path) : Editor.end(editor, path);
+  editor.apply({
+    type: "set_selection",
+    properties: editor.selection,
+    newProperties: {
+      anchor: point,
+      focus: point
+    }
+  });
+}
+function clearSelection(editor) {
+  editor.selection && editor.apply({
+    type: "set_selection",
+    properties: editor.selection,
+    newProperties: null
+  });
+}
+function setSelectionToPoint(editor, point) {
+  editor.apply({
+    type: "set_selection",
+    properties: editor.selection,
+    newProperties: {
+      anchor: point,
+      focus: point
+    }
+  });
+}
+function setSelectionToRange(editor, range) {
+  editor.apply({
+    type: "set_selection",
+    properties: editor.selection,
+    newProperties: range
+  });
+}
+function insertNodeAt(editor, path, node, select) {
+  editor.apply({
+    type: "insert_node",
+    path,
+    node
+  }), select !== "none" && setSelection(editor, path, select);
+}
+function removeNodeAt(editor, path) {
+  const node = Node.get(editor, path);
+  editor.apply({
+    type: "remove_node",
+    path,
+    node
+  });
+}
+function replaceEmptyTextBlock(editor, blockPath, newBlock, select) {
+  const hadSelection = editor.selection !== null;
+  if (editor.apply({
+    type: "insert_node",
+    path: blockPath,
+    node: newBlock
+  }), removeNodeAt(editor, Path.next(blockPath)), select === "none" && !hadSelection)
+    return;
+  const point = select === "end" ? Editor.end(editor, blockPath) : Editor.start(editor, blockPath);
+  clearSelection(editor), editor.apply({
+    type: "set_selection",
+    properties: null,
+    newProperties: {
+      anchor: point,
+      focus: point
     }
+  });
+}
+function deleteSameBlockRange(editor, start, end) {
+  const blockPath = [start.path[0]];
+  if (Path.equals(start.path, end.path)) {
+    const textToRemove = Node.get(editor, start.path).text.slice(start.offset, end.offset);
+    editor.apply({
+      type: "remove_text",
+      path: start.path,
+      offset: start.offset,
+      text: textToRemove
+    });
+    return;
+  }
+  const startNode = Node.get(editor, start.path);
+  if (start.offset < startNode.text.length) {
+    const textToRemove = startNode.text.slice(start.offset);
+    editor.apply({
+      type: "remove_text",
+      path: start.path,
+      offset: start.offset,
+      text: textToRemove
+    });
+  }
+  for (let i = end.path[1] - 1; i > start.path[1]; i--)
+    removeNodeAt(editor, [...blockPath, i]);
+  const newEndPath = [...blockPath, start.path[1] + 1], endNode = Node.get(editor, newEndPath);
+  if (end.offset > 0) {
+    const textToRemove = endNode.text.slice(0, end.offset);
+    editor.apply({
+      type: "remove_text",
+      path: newEndPath,
+      offset: 0,
+      text: textToRemove
+    });
+  }
+  const startNodeAfter = Node.get(editor, start.path), endNodeAfter = Node.get(editor, newEndPath);
+  if (Text.isText(startNodeAfter) && Text.isText(endNodeAfter)) {
+    const {
+      text: _,
+      ...properties
+    } = endNodeAfter;
+    editor.apply({
+      type: "merge_node",
+      path: newEndPath,
+      position: startNodeAfter.text.length,
+      properties
+    });
+  }
+}
+function deleteCrossBlockRange(editor, start, end) {
+  const startBlockPath = [start.path[0]];
+  if (start.path.length > 1) {
+    const startNode = Node.get(editor, start.path);
+    if (start.offset < startNode.text.length) {
+      const textToRemove = startNode.text.slice(start.offset);
+      editor.apply({
+        type: "remove_text",
+        path: start.path,
+        offset: start.offset,
+        text: textToRemove
+      });
+    }
+    const startBlock2 = Node.get(editor, startBlockPath);
+    for (let i = startBlock2.children.length - 1; i > start.path[1]; i--)
+      removeNodeAt(editor, [...startBlockPath, i]);
+  }
+  for (let i = end.path[0] - 1; i > start.path[0]; i--)
+    removeNodeAt(editor, [i]);
+  const adjustedEndBlockPath = [start.path[0] + 1];
+  if (end.path.length > 1) {
+    for (let i = 0; i < end.path[1]; i++)
+      removeNodeAt(editor, [...adjustedEndBlockPath, 0]);
+    const endNodePath = [...adjustedEndBlockPath, 0], endNode = Node.get(editor, endNodePath);
+    if (end.offset > 0) {
+      const textToRemove = endNode.text.slice(0, end.offset);
+      editor.apply({
+        type: "remove_text",
+        path: endNodePath,
+        offset: 0,
+        text: textToRemove
+      });
+    }
+  }
+  const startBlock = Node.get(editor, startBlockPath), endBlock = Node.get(editor, adjustedEndBlockPath);
+  if (editor.isTextBlock(startBlock) && editor.isTextBlock(endBlock)) {
+    const {
+      children: _,
+      ...properties
+    } = endBlock;
+    editor.apply({
+      type: "merge_node",
+      path: adjustedEndBlockPath,
+      position: startBlock.children.length,
+      properties
+    });
+  }
+}
+function deleteExpandedRange(editor, range) {
+  const [start, end] = Range.edges(range);
+  start.path[0] === end.path[0] ? deleteSameBlockRange(editor, start, end) : deleteCrossBlockRange(editor, start, end);
+}
+function insertTextBlockFragment(editor, block, at) {
+  if (!Element$1.isElement(block) || !editor.isTextBlock(block))
+    return;
+  if (at.offset > 0) {
+    const textNode = Node.get(editor, at.path);
+    if (Text.isText(textNode)) {
+      const {
+        text: _,
+        ...properties
+      } = textNode;
+      editor.apply({
+        type: "split_node",
+        path: at.path,
+        position: at.offset,
+        properties
+      });
+    }
+  }
+  const parentPath = Path.parent(at.path);
+  let insertIndex = at.path[at.path.length - 1] + (at.offset > 0 ? 1 : 0);
+  for (const child of block.children) {
+    const childPath = [...parentPath, insertIndex];
+    editor.apply({
+      type: "insert_node",
+      path: childPath,
+      node: child
+    }), insertIndex++;
   }
 }
 const insertChildOperationImplementation = ({
@@ -10585,9 +11056,10 @@ function performEvent({
   forwardFromBehaviors,
   event,
   editor,
+  converters,
   keyGenerator,
+  readOnly,
   schema,
-  getSnapshot,
   nativeEvent,
   sendBack
 }) {
@@ -10605,10 +11077,16 @@ function performEvent({
           editor
         }
       });
-    }), editor.onChange();
+    }), mode === "send" && editor.onChange();
     return;
   }
-  const guardSnapshot = getSnapshot();
+  const guardSnapshot = createEditorSnapshot({
+    converters,
+    editor,
+    keyGenerator,
+    readOnly,
+    schema
+  });
   let nativeEventPrevented = !1, defaultBehaviorOverwritten = !1, eventBehaviorIndex = -1;
   for (const eventBehavior of eventBehaviors) {
     eventBehaviorIndex++;
@@ -10628,7 +11106,13 @@ function performEvent({
     let actionSetIndex = -1;
     for (const actionSet of eventBehavior.actions) {
       actionSetIndex++;
-      const actionsSnapshot = getSnapshot();
+      const actionsSnapshot = createEditorSnapshot({
+        converters,
+        editor,
+        keyGenerator,
+        readOnly,
+        schema
+      });
       let actions = [];
       try {
         actions = actionSet({
@@ -10666,9 +11150,10 @@ function performEvent({
               forwardFromBehaviors: remainingBehaviors,
               event: action.event,
               editor,
+              converters,
               keyGenerator,
+              readOnly,
               schema,
-              getSnapshot,
               nativeEvent,
               sendBack
             });
@@ -10681,9 +11166,10 @@ function performEvent({
               abstractBehaviorIndex,
               event: action.event,
               editor,
+              converters,
               keyGenerator,
+              readOnly,
               schema,
-              getSnapshot,
               nativeEvent,
               sendBack
             });
@@ -10695,9 +11181,10 @@ function performEvent({
             abstractBehaviorIndex,
             event: action.event,
             editor,
+            converters,
             keyGenerator,
+            readOnly,
             schema,
-            getSnapshot,
             nativeEvent: void 0,
             sendBack
           });
@@ -10717,7 +11204,7 @@ function performEvent({
         editor
       }
     });
-  }), editor.onChange()) : nativeEventPrevented && nativeEvent?.preventDefault();
+  }), mode === "send" && editor.onChange()) : nativeEventPrevented && (nativeEvent?.preventDefault(), mode === "send" && editor.onChange());
 }
 function sortByPriority(items) {
   if (items.length === 0)
@@ -10762,31 +11249,6 @@ function sortByPriority(items) {
     result.includes(item) || result.push(item);
   return [...result, ...itemsWithoutPriority];
 }
-function createEditorSnapshot({
-  converters,
-  editor,
-  keyGenerator,
-  readOnly,
-  schema
-}) {
-  const selection = editor.selection ? slateRangeToSelection({
-    schema,
-    editor,
-    range: editor.selection
-  }) : null, context = {
-    converters,
-    keyGenerator,
-    readOnly,
-    schema,
-    selection,
-    value: editor.value
-  };
-  return {
-    blockIndexMap: editor.blockIndexMap,
-    context,
-    decoratorState: editor.decoratorState
-  };
-}
 function rerouteExternalBehaviorEvent({
   event,
   slateEditor
@@ -10937,16 +11399,11 @@ const editorMachine = setup({
           abstractBehaviorIndex: context.abstractBehaviorIndex,
           event: event.behaviorEvent,
           editor: event.editor,
+          converters: [...context.converters],
           keyGenerator: context.keyGenerator,
           schema: context.schema,
-          getSnapshot: () => createEditorSnapshot({
-            converters: [...context.converters],
-            editor: event.editor,
-            keyGenerator: context.keyGenerator,
-            readOnly: self.getSnapshot().matches({
-              "edit mode": "read only"
-            }),
-            schema: context.schema
+          readOnly: self.getSnapshot().matches({
+            "edit mode": "read only"
           }),
           nativeEvent: event.nativeEvent,
           sendBack: (eventSentBack) => {
@@ -13260,12 +13717,12 @@ const usePortableTextEditorSelection = () => {
   const $ = c(5), editorActor = useContext(EditorActorContext);
   let t0;
   $[0] !== editorActor ? (t0 = editorActor.getSnapshot(), $[0] = editorActor, $[1] = t0) : t0 = $[1];
-  const [selection, setSelection] = useState(t0.context.selection);
+  const [selection, setSelection2] = useState(t0.context.selection);
   let t1, t2;
   return $[2] !== editorActor ? (t1 = () => {
     const subscription = editorActor.on("selection", (event) => {
       startTransition(() => {
-        setSelection(event.selection);
+        setSelection2(event.selection);
       });
     });
     return () => {