@portabletext/editor 2.14.3 → 2.15.0

package/lib/index.js

@@ -13,7 +13,7 @@ import { getBlockStartPoint, getBlockKeyFromSelectionPoint, getChildKeyFromSelec
 import isEqual from "lodash/isEqual.js";
 import { isTextBlock, isSpan, compileSchema } from "@portabletext/schema";
 import { defineSchema } from "@portabletext/schema";
-import { getFocusInlineObject, getSelectedBlocks, getSelectionStartBlock as getSelectionStartBlock$1, getSelectionEndBlock as getSelectionEndBlock$1, isOverlappingSelection, isSelectingEntireBlocks, getActiveDecorators, getTrimmedSelection, isActiveAnnotation, getCaretWordSelection, getFocusBlockObject, getPreviousBlock, getNextBlock, getMarkState, getActiveAnnotationsMarks, isAtTheEndOfBlock, isAtTheStartOfBlock, getFirstBlock as getFirstBlock$1, getLastBlock as getLastBlock$1, getFocusListBlock, getSelectionEndPoint as getSelectionEndPoint$1, isActiveDecorator, getActiveAnnotations, getSelectedTextBlocks, isActiveListItem, isActiveStyle } from "./_chunks-es/selector.is-active-style.js";
+import { getFocusInlineObject, getSelectedBlocks, getSelectionStartBlock as getSelectionStartBlock$1, getSelectionEndBlock as getSelectionEndBlock$1, isOverlappingSelection, isSelectingEntireBlocks, getActiveDecorators, getTrimmedSelection, isActiveAnnotation, getCaretWordSelection, getFocusBlockObject, getPreviousBlock, getNextBlock, getMarkState, getActiveAnnotationsMarks, isAtTheEndOfBlock, isAtTheStartOfBlock, getFirstBlock as getFirstBlock$1, getLastBlock as getLastBlock$1, getFocusListBlock, getSelectionEndPoint as getSelectionEndPoint$1, isActiveDecorator, getActiveAnnotations, getSelectedTextBlocks, isActiveListItem, isActiveStyle } from "./_chunks-es/selector.is-at-the-start-of-block.js";
 import { isSelectionCollapsed as isSelectionCollapsed$1, getFocusTextBlock, getFocusSpan as getFocusSpan$1, isSelectionExpanded, getFocusBlock as getFocusBlock$1, getSelectedValue, getSelectionStartPoint as getSelectionStartPoint$1, getFocusChild as getFocusChild$1 } from "./_chunks-es/selector.get-selection-text.js";
 import { defineBehavior, forward, raise, effect } from "./behaviors/index.js";
 import uniq from "lodash/uniq.js";
@@ -1995,7 +1995,7 @@ function validateSelection(slateEditor, editorElement) {
   }
 }
 const IS_PROCESSING_REMOTE_CHANGES = /* @__PURE__ */ new WeakMap(), KEY_TO_SLATE_ELEMENT = /* @__PURE__ */ new WeakMap(), KEY_TO_VALUE_ELEMENT = /* @__PURE__ */ new WeakMap(), SLATE_TO_PORTABLE_TEXT_RANGE = /* @__PURE__ */ new WeakMap(), debug$d = debugWithName("component:Editable"), PortableTextEditable = forwardRef(function(props, forwardedRef) {
-  const $ = c(174);
+  const $ = c(176);
   let hotkeys, onBeforeInput, onBlur, onClick, onCopy, onCut, onDrag, onDragEnd, onDragEnter, onDragLeave, onDragOver, onDragStart, onDrop, onFocus, onPaste, propsSelection, rangeDecorations, renderAnnotation, renderBlock, renderChild, renderDecorator, renderListItem, renderPlaceholder, renderStyle, restProps, scrollSelectionIntoView, spellCheck;
   $[0] !== props ? ({
     hotkeys,
@@ -2038,47 +2038,50 @@ const IS_PROCESSING_REMOTE_CHANGES = /* @__PURE__ */ new WeakMap(), KEY_TO_SLATE
   $[30] !== rangeDecorations ? (t1 = rangeDecorations ?? [], $[30] = rangeDecorations, $[31] = t1) : t1 = $[31];
   let t2;
   $[32] !== editorActor ? (t2 = editorActor.getSnapshot(), $[32] = editorActor, $[33] = t2) : t2 = $[33];
-  const t3 = !editorActor.getSnapshot().matches({
-    setup: "setting up"
-  });
+  const t3 = t2.context.schema;
   let t4;
-  $[34] !== readOnly || $[35] !== slateEditor || $[36] !== t1 || $[37] !== t2.context.schema || $[38] !== t3 ? (t4 = {
+  $[34] !== editorActor ? (t4 = editorActor.getSnapshot().matches({
+    setup: "setting up"
+  }), $[34] = editorActor, $[35] = t4) : t4 = $[35];
+  const t5 = !t4;
+  let t6;
+  $[36] !== readOnly || $[37] !== slateEditor || $[38] !== t1 || $[39] !== t2.context.schema || $[40] !== t5 ? (t6 = {
     input: {
       rangeDecorations: t1,
       readOnly,
-      schema: t2.context.schema,
+      schema: t3,
       slateEditor,
-      skipSetup: t3
+      skipSetup: t5
     }
-  }, $[34] = readOnly, $[35] = slateEditor, $[36] = t1, $[37] = t2.context.schema, $[38] = t3, $[39] = t4) : t4 = $[39];
-  const rangeDecorationsActor = useActorRef(rangeDecorationsMachine, t4), decorate = useSelector(rangeDecorationsActor, _temp2);
-  let t5, t6;
-  $[40] !== rangeDecorationsActor || $[41] !== readOnly ? (t5 = () => {
+  }, $[36] = readOnly, $[37] = slateEditor, $[38] = t1, $[39] = t2.context.schema, $[40] = t5, $[41] = t6) : t6 = $[41];
+  const rangeDecorationsActor = useActorRef(rangeDecorationsMachine, t6), decorate = useSelector(rangeDecorationsActor, _temp2);
+  let t7, t8;
+  $[42] !== rangeDecorationsActor || $[43] !== readOnly ? (t7 = () => {
     rangeDecorationsActor.send({
       type: "update read only",
       readOnly
     });
-  }, t6 = [rangeDecorationsActor, readOnly], $[40] = rangeDecorationsActor, $[41] = readOnly, $[42] = t5, $[43] = t6) : (t5 = $[42], t6 = $[43]), useEffect(t5, t6);
-  let t7, t8;
-  $[44] !== rangeDecorations || $[45] !== rangeDecorationsActor ? (t7 = () => {
+  }, t8 = [rangeDecorationsActor, readOnly], $[42] = rangeDecorationsActor, $[43] = readOnly, $[44] = t7, $[45] = t8) : (t7 = $[44], t8 = $[45]), useEffect(t7, t8);
+  let t10, t9;
+  $[46] !== rangeDecorations || $[47] !== rangeDecorationsActor ? (t9 = () => {
     rangeDecorationsActor.send({
       type: "range decorations updated",
       rangeDecorations: rangeDecorations ?? []
     });
-  }, t8 = [rangeDecorationsActor, rangeDecorations], $[44] = rangeDecorations, $[45] = rangeDecorationsActor, $[46] = t7, $[47] = t8) : (t7 = $[46], t8 = $[47]), useEffect(t7, t8);
+  }, t10 = [rangeDecorationsActor, rangeDecorations], $[46] = rangeDecorations, $[47] = rangeDecorationsActor, $[48] = t10, $[49] = t9) : (t10 = $[48], t9 = $[49]), useEffect(t9, t10);
   bb0: {
     if (readOnly)
       break bb0;
     createWithHotkeys(editorActor, portableTextEditor, hotkeys)(slateEditor);
   }
-  let t10;
-  $[48] !== readOnly || $[49] !== renderBlock || $[50] !== renderChild || $[51] !== renderListItem || $[52] !== renderStyle || $[53] !== spellCheck ? (t10 = (eProps) => /* @__PURE__ */ jsx(RenderElement, { ...eProps, readOnly, renderBlock, renderChild, renderListItem, renderStyle, spellCheck }), $[48] = readOnly, $[49] = renderBlock, $[50] = renderChild, $[51] = renderListItem, $[52] = renderStyle, $[53] = spellCheck, $[54] = t10) : t10 = $[54];
-  const renderElement = t10;
-  let t11;
-  $[55] !== readOnly || $[56] !== renderAnnotation || $[57] !== renderChild || $[58] !== renderDecorator || $[59] !== renderPlaceholder ? (t11 = (leafProps) => /* @__PURE__ */ jsx(RenderLeaf, { ...leafProps, readOnly, renderAnnotation, renderChild, renderDecorator, renderPlaceholder }), $[55] = readOnly, $[56] = renderAnnotation, $[57] = renderChild, $[58] = renderDecorator, $[59] = renderPlaceholder, $[60] = t11) : t11 = $[60];
-  const renderLeaf = t11, renderText = _temp3;
   let t12;
-  $[61] !== editorActor || $[62] !== propsSelection || $[63] !== slateEditor ? (t12 = () => {
+  $[50] !== readOnly || $[51] !== renderBlock || $[52] !== renderChild || $[53] !== renderListItem || $[54] !== renderStyle || $[55] !== spellCheck ? (t12 = (eProps) => /* @__PURE__ */ jsx(RenderElement, { ...eProps, readOnly, renderBlock, renderChild, renderListItem, renderStyle, spellCheck }), $[50] = readOnly, $[51] = renderBlock, $[52] = renderChild, $[53] = renderListItem, $[54] = renderStyle, $[55] = spellCheck, $[56] = t12) : t12 = $[56];
+  const renderElement = t12;
+  let t13;
+  $[57] !== readOnly || $[58] !== renderAnnotation || $[59] !== renderChild || $[60] !== renderDecorator || $[61] !== renderPlaceholder ? (t13 = (leafProps) => /* @__PURE__ */ jsx(RenderLeaf, { ...leafProps, readOnly, renderAnnotation, renderChild, renderDecorator, renderPlaceholder }), $[57] = readOnly, $[58] = renderAnnotation, $[59] = renderChild, $[60] = renderDecorator, $[61] = renderPlaceholder, $[62] = t13) : t13 = $[62];
+  const renderLeaf = t13, renderText = _temp3;
+  let t14;
+  $[63] !== editorActor || $[64] !== propsSelection || $[65] !== slateEditor ? (t14 = () => {
     if (propsSelection) {
       debug$d(`Selection from props ${JSON.stringify(propsSelection)}`);
       const normalizedSelection = normalizeSelection(propsSelection, fromSlateValue(slateEditor.children, editorActor.getSnapshot().context.schema.block.name));
@@ -2098,10 +2101,10 @@ const IS_PROCESSING_REMOTE_CHANGES = /* @__PURE__ */ new WeakMap(), KEY_TO_SLATE
         }), slateEditor.onChange());
       }
     }
-  }, $[61] = editorActor, $[62] = propsSelection, $[63] = slateEditor, $[64] = t12) : t12 = $[64];
-  const restoreSelectionFromProps = t12;
-  let t13, t14;
-  $[65] !== editorActor || $[66] !== rangeDecorationsActor || $[67] !== restoreSelectionFromProps ? (t13 = () => {
+  }, $[63] = editorActor, $[64] = propsSelection, $[65] = slateEditor, $[66] = t14) : t14 = $[66];
+  const restoreSelectionFromProps = t14;
+  let t15, t16;
+  $[67] !== editorActor || $[68] !== rangeDecorationsActor || $[69] !== restoreSelectionFromProps ? (t15 = () => {
     const onReady = editorActor.on("ready", () => {
       rangeDecorationsActor.send({
         type: "ready"
@@ -2114,13 +2117,13 @@ const IS_PROCESSING_REMOTE_CHANGES = /* @__PURE__ */ new WeakMap(), KEY_TO_SLATE
     return () => {
       onReady.unsubscribe(), onInvalidValue.unsubscribe(), onValueChanged.unsubscribe();
     };
-  }, t14 = [rangeDecorationsActor, editorActor, restoreSelectionFromProps], $[65] = editorActor, $[66] = rangeDecorationsActor, $[67] = restoreSelectionFromProps, $[68] = t13, $[69] = t14) : (t13 = $[68], t14 = $[69]), useEffect(t13, t14);
-  let t15, t16;
-  $[70] !== hasInvalidValue || $[71] !== propsSelection || $[72] !== restoreSelectionFromProps ? (t15 = () => {
+  }, t16 = [rangeDecorationsActor, editorActor, restoreSelectionFromProps], $[67] = editorActor, $[68] = rangeDecorationsActor, $[69] = restoreSelectionFromProps, $[70] = t15, $[71] = t16) : (t15 = $[70], t16 = $[71]), useEffect(t15, t16);
+  let t17, t18;
+  $[72] !== hasInvalidValue || $[73] !== propsSelection || $[74] !== restoreSelectionFromProps ? (t17 = () => {
     propsSelection && !hasInvalidValue && restoreSelectionFromProps();
-  }, t16 = [hasInvalidValue, propsSelection, restoreSelectionFromProps], $[70] = hasInvalidValue, $[71] = propsSelection, $[72] = restoreSelectionFromProps, $[73] = t15, $[74] = t16) : (t15 = $[73], t16 = $[74]), useEffect(t15, t16);
-  let t17;
-  $[75] !== editorActor || $[76] !== onCopy || $[77] !== slateEditor ? (t17 = (event) => {
+  }, t18 = [hasInvalidValue, propsSelection, restoreSelectionFromProps], $[72] = hasInvalidValue, $[73] = propsSelection, $[74] = restoreSelectionFromProps, $[75] = t17, $[76] = t18) : (t17 = $[75], t18 = $[76]), useEffect(t17, t18);
+  let t19;
+  $[77] !== editorActor || $[78] !== onCopy || $[79] !== slateEditor ? (t19 = (event) => {
     if (onCopy)
       onCopy(event) !== void 0 && event.preventDefault();
     else if (event.nativeEvent.clipboardData) {
@@ -2149,10 +2152,10 @@ const IS_PROCESSING_REMOTE_CHANGES = /* @__PURE__ */ new WeakMap(), KEY_TO_SLATE
         nativeEvent: event
       });
     }
-  }, $[75] = editorActor, $[76] = onCopy, $[77] = slateEditor, $[78] = t17) : t17 = $[78];
-  const handleCopy = t17;
-  let t18;
-  $[79] !== editorActor || $[80] !== onCut || $[81] !== slateEditor ? (t18 = (event_0) => {
+  }, $[77] = editorActor, $[78] = onCopy, $[79] = slateEditor, $[80] = t19) : t19 = $[80];
+  const handleCopy = t19;
+  let t20;
+  $[81] !== editorActor || $[82] !== onCut || $[83] !== slateEditor ? (t20 = (event_0) => {
     if (onCut)
       onCut(event_0) !== void 0 && event_0.preventDefault();
     else if (event_0.nativeEvent.clipboardData) {
@@ -2177,10 +2180,10 @@ const IS_PROCESSING_REMOTE_CHANGES = /* @__PURE__ */ new WeakMap(), KEY_TO_SLATE
         nativeEvent: event_0
       });
     }
-  }, $[79] = editorActor, $[80] = onCut, $[81] = slateEditor, $[82] = t18) : t18 = $[82];
-  const handleCut = t18;
-  let t19;
-  $[83] !== editorActor || $[84] !== onPaste || $[85] !== portableTextEditor || $[86] !== relayActor || $[87] !== slateEditor ? (t19 = (event_1) => {
+  }, $[81] = editorActor, $[82] = onCut, $[83] = slateEditor, $[84] = t20) : t20 = $[84];
+  const handleCut = t20;
+  let t21;
+  $[85] !== editorActor || $[86] !== onPaste || $[87] !== portableTextEditor || $[88] !== relayActor || $[89] !== slateEditor ? (t21 = (event_1) => {
     const value = fromSlateValue(slateEditor.children, editorActor.getSnapshot().context.schema.block.name, KEY_TO_VALUE_ELEMENT.get(slateEditor)), path = (slateEditor.selection ? slateRangeToSelection({
       schema: editorActor.getSnapshot().context.schema,
       editor: slateEditor,
@@ -2264,18 +2267,18 @@ const IS_PROCESSING_REMOTE_CHANGES = /* @__PURE__ */ new WeakMap(), KEY_TO_SLATE
       });
     }
     debug$d("No result from custom paste handler, pasting normally");
-  }, $[83] = editorActor, $[84] = onPaste, $[85] = portableTextEditor, $[86] = relayActor, $[87] = slateEditor, $[88] = t19) : t19 = $[88];
-  const handlePaste = t19;
-  let t20;
-  $[89] !== editorActor || $[90] !== onFocus || $[91] !== relayActor || $[92] !== slateEditor ? (t20 = (event_2) => {
+  }, $[85] = editorActor, $[86] = onPaste, $[87] = portableTextEditor, $[88] = relayActor, $[89] = slateEditor, $[90] = t21) : t21 = $[90];
+  const handlePaste = t21;
+  let t22;
+  $[91] !== editorActor || $[92] !== onFocus || $[93] !== relayActor || $[94] !== slateEditor ? (t22 = (event_2) => {
     onFocus && onFocus(event_2), event_2.isDefaultPrevented() || (relayActor.send({
       type: "focused",
       event: event_2
     }), !slateEditor.selection && isEqualToEmptyEditor(slateEditor.children, editorActor.getSnapshot().context.schema) && (Transforms.select(slateEditor, Editor.start(slateEditor, [])), slateEditor.onChange()));
-  }, $[89] = editorActor, $[90] = onFocus, $[91] = relayActor, $[92] = slateEditor, $[93] = t20) : t20 = $[93];
-  const handleOnFocus = t20;
-  let t21;
-  $[94] !== editorActor || $[95] !== onClick || $[96] !== slateEditor ? (t21 = (event_3) => {
+  }, $[91] = editorActor, $[92] = onFocus, $[93] = relayActor, $[94] = slateEditor, $[95] = t22) : t22 = $[95];
+  const handleOnFocus = t22;
+  let t23;
+  $[96] !== editorActor || $[97] !== onClick || $[98] !== slateEditor ? (t23 = (event_3) => {
     if (onClick && onClick(event_3), event_3.isDefaultPrevented() || event_3.isPropagationStopped())
       return;
     const position_3 = getEventPosition({
@@ -2292,23 +2295,23 @@ const IS_PROCESSING_REMOTE_CHANGES = /* @__PURE__ */ new WeakMap(), KEY_TO_SLATE
       editor: slateEditor,
       nativeEvent: event_3
     });
-  }, $[94] = editorActor, $[95] = onClick, $[96] = slateEditor, $[97] = t21) : t21 = $[97];
-  const handleClick = t21;
-  let t22;
-  $[98] !== onBlur || $[99] !== relayActor ? (t22 = (event_4) => {
+  }, $[96] = editorActor, $[97] = onClick, $[98] = slateEditor, $[99] = t23) : t23 = $[99];
+  const handleClick = t23;
+  let t24;
+  $[100] !== onBlur || $[101] !== relayActor ? (t24 = (event_4) => {
     onBlur && onBlur(event_4), event_4.isPropagationStopped() || relayActor.send({
       type: "blurred",
       event: event_4
     });
-  }, $[98] = onBlur, $[99] = relayActor, $[100] = t22) : t22 = $[100];
-  const handleOnBlur = t22;
-  let t23;
-  $[101] !== onBeforeInput ? (t23 = (event_5) => {
+  }, $[100] = onBlur, $[101] = relayActor, $[102] = t24) : t24 = $[102];
+  const handleOnBlur = t24;
+  let t25;
+  $[103] !== onBeforeInput ? (t25 = (event_5) => {
     onBeforeInput && onBeforeInput(event_5);
-  }, $[101] = onBeforeInput, $[102] = t23) : t23 = $[102];
-  const handleOnBeforeInput = t23;
-  let t24;
-  $[103] !== editorActor || $[104] !== props || $[105] !== slateEditor ? (t24 = (event_6) => {
+  }, $[103] = onBeforeInput, $[104] = t25) : t25 = $[104];
+  const handleOnBeforeInput = t25;
+  let t26;
+  $[105] !== editorActor || $[106] !== props || $[107] !== slateEditor ? (t26 = (event_6) => {
     props.onKeyDown && props.onKeyDown(event_6), event_6.isDefaultPrevented() || slateEditor.pteWithHotKeys(event_6), event_6.isDefaultPrevented() || editorActor.send({
       type: "behavior event",
       behaviorEvent: {
@@ -2325,10 +2328,10 @@ const IS_PROCESSING_REMOTE_CHANGES = /* @__PURE__ */ new WeakMap(), KEY_TO_SLATE
       editor: slateEditor,
       nativeEvent: event_6
     });
-  }, $[103] = editorActor, $[104] = props, $[105] = slateEditor, $[106] = t24) : t24 = $[106];
-  const handleKeyDown = t24;
-  let t25;
-  $[107] !== editorActor || $[108] !== props || $[109] !== slateEditor ? (t25 = (event_7) => {
+  }, $[105] = editorActor, $[106] = props, $[107] = slateEditor, $[108] = t26) : t26 = $[108];
+  const handleKeyDown = t26;
+  let t27;
+  $[109] !== editorActor || $[110] !== props || $[111] !== slateEditor ? (t27 = (event_7) => {
     props.onKeyUp && props.onKeyUp(event_7), event_7.isDefaultPrevented() || editorActor.send({
       type: "behavior event",
       behaviorEvent: {
@@ -2345,26 +2348,26 @@ const IS_PROCESSING_REMOTE_CHANGES = /* @__PURE__ */ new WeakMap(), KEY_TO_SLATE
       editor: slateEditor,
       nativeEvent: event_7
     });
-  }, $[107] = editorActor, $[108] = props, $[109] = slateEditor, $[110] = t25) : t25 = $[110];
-  const handleKeyUp = t25;
-  let t26;
+  }, $[109] = editorActor, $[110] = props, $[111] = slateEditor, $[112] = t27) : t27 = $[112];
+  const handleKeyUp = t27;
+  let t28;
   bb1: {
     if (scrollSelectionIntoView === void 0) {
-      t26 = void 0;
+      t28 = void 0;
       break bb1;
     }
     if (scrollSelectionIntoView === null) {
-      t26 = noop;
+      t28 = noop;
       break bb1;
     }
-    let t272;
-    $[111] !== portableTextEditor || $[112] !== scrollSelectionIntoView ? (t272 = (_editor, domRange) => {
+    let t292;
+    $[113] !== portableTextEditor || $[114] !== scrollSelectionIntoView ? (t292 = (_editor, domRange) => {
       scrollSelectionIntoView(portableTextEditor, domRange);
-    }, $[111] = portableTextEditor, $[112] = scrollSelectionIntoView, $[113] = t272) : t272 = $[113], t26 = t272;
+    }, $[113] = portableTextEditor, $[114] = scrollSelectionIntoView, $[115] = t292) : t292 = $[115], t28 = t292;
   }
-  const scrollSelectionIntoViewToSlate = t26;
-  let t27, t28;
-  $[114] !== editorActor || $[115] !== slateEditor ? (t27 = () => {
+  const scrollSelectionIntoViewToSlate = t28;
+  let t29, t30;
+  $[116] !== editorActor || $[117] !== slateEditor ? (t29 = () => {
     const window2 = ReactEditor.getWindow(slateEditor), onDragEnd_0 = () => {
       editorActor.send({
         type: "dragend"
@@ -2377,9 +2380,9 @@ const IS_PROCESSING_REMOTE_CHANGES = /* @__PURE__ */ new WeakMap(), KEY_TO_SLATE
     return window2.document.addEventListener("dragend", onDragEnd_0), window2.document.addEventListener("drop", onDrop_0), () => {
       window2.document.removeEventListener("dragend", onDragEnd_0), window2.document.removeEventListener("drop", onDrop_0);
     };
-  }, t28 = [slateEditor, editorActor], $[114] = editorActor, $[115] = slateEditor, $[116] = t27, $[117] = t28) : (t27 = $[116], t28 = $[117]), useEffect(t27, t28);
-  let t29;
-  $[118] !== editorActor || $[119] !== onDragStart || $[120] !== slateEditor ? (t29 = (event_8) => {
+  }, t30 = [slateEditor, editorActor], $[116] = editorActor, $[117] = slateEditor, $[118] = t29, $[119] = t30) : (t29 = $[118], t30 = $[119]), useEffect(t29, t30);
+  let t31;
+  $[120] !== editorActor || $[121] !== onDragStart || $[122] !== slateEditor ? (t31 = (event_8) => {
     if (onDragStart?.(event_8), event_8.isDefaultPrevented() || event_8.isPropagationStopped())
       return;
     const position_4 = getEventPosition({
@@ -2407,10 +2410,10 @@ const IS_PROCESSING_REMOTE_CHANGES = /* @__PURE__ */ new WeakMap(), KEY_TO_SLATE
       },
       editor: slateEditor
     }), !0;
-  }, $[118] = editorActor, $[119] = onDragStart, $[120] = slateEditor, $[121] = t29) : t29 = $[121];
-  const handleDragStart = t29;
-  let t30;
-  $[122] !== editorActor || $[123] !== onDrag || $[124] !== slateEditor ? (t30 = (event_9) => {
+  }, $[120] = editorActor, $[121] = onDragStart, $[122] = slateEditor, $[123] = t31) : t31 = $[123];
+  const handleDragStart = t31;
+  let t32;
+  $[124] !== editorActor || $[125] !== onDrag || $[126] !== slateEditor ? (t32 = (event_9) => {
     if (onDrag?.(event_9), !(event_9.isDefaultPrevented() || event_9.isPropagationStopped() || !getEventPosition({
       editorActor,
       slateEditor,
@@ -2426,10 +2429,10 @@ const IS_PROCESSING_REMOTE_CHANGES = /* @__PURE__ */ new WeakMap(), KEY_TO_SLATE
         },
         editor: slateEditor
       }), !0;
-  }, $[122] = editorActor, $[123] = onDrag, $[124] = slateEditor, $[125] = t30) : t30 = $[125];
-  const handleDrag = t30;
-  let t31;
-  $[126] !== editorActor || $[127] !== onDragEnd || $[128] !== slateEditor ? (t31 = (event_10) => {
+  }, $[124] = editorActor, $[125] = onDrag, $[126] = slateEditor, $[127] = t32) : t32 = $[127];
+  const handleDrag = t32;
+  let t33;
+  $[128] !== editorActor || $[129] !== onDragEnd || $[130] !== slateEditor ? (t33 = (event_10) => {
     if (onDragEnd?.(event_10), !(event_10.isDefaultPrevented() || event_10.isPropagationStopped()))
       return editorActor.send({
         type: "behavior event",
@@ -2441,10 +2444,10 @@ const IS_PROCESSING_REMOTE_CHANGES = /* @__PURE__ */ new WeakMap(), KEY_TO_SLATE
         },
         editor: slateEditor
       }), !0;
-  }, $[126] = editorActor, $[127] = onDragEnd, $[128] = slateEditor, $[129] = t31) : t31 = $[129];
-  const handleDragEnd = t31;
-  let t32;
-  $[130] !== editorActor || $[131] !== onDragEnter || $[132] !== slateEditor ? (t32 = (event_11) => {
+  }, $[128] = editorActor, $[129] = onDragEnd, $[130] = slateEditor, $[131] = t33) : t33 = $[131];
+  const handleDragEnd = t33;
+  let t34;
+  $[132] !== editorActor || $[133] !== onDragEnter || $[134] !== slateEditor ? (t34 = (event_11) => {
     if (onDragEnter?.(event_11), event_11.isDefaultPrevented() || event_11.isPropagationStopped())
       return;
     const position_6 = getEventPosition({
@@ -2464,10 +2467,10 @@ const IS_PROCESSING_REMOTE_CHANGES = /* @__PURE__ */ new WeakMap(), KEY_TO_SLATE
         },
         editor: slateEditor
       }), !0;
-  }, $[130] = editorActor, $[131] = onDragEnter, $[132] = slateEditor, $[133] = t32) : t32 = $[133];
-  const handleDragEnter = t32;
-  let t33;
-  $[134] !== editorActor || $[135] !== onDragOver || $[136] !== slateEditor ? (t33 = (event_12) => {
+  }, $[132] = editorActor, $[133] = onDragEnter, $[134] = slateEditor, $[135] = t34) : t34 = $[135];
+  const handleDragEnter = t34;
+  let t35;
+  $[136] !== editorActor || $[137] !== onDragOver || $[138] !== slateEditor ? (t35 = (event_12) => {
     if (onDragOver?.(event_12), event_12.isDefaultPrevented() || event_12.isPropagationStopped())
       return;
     const position_7 = getEventPosition({
@@ -2489,10 +2492,10 @@ const IS_PROCESSING_REMOTE_CHANGES = /* @__PURE__ */ new WeakMap(), KEY_TO_SLATE
         editor: slateEditor,
         nativeEvent: event_12
       }), !0;
-  }, $[134] = editorActor, $[135] = onDragOver, $[136] = slateEditor, $[137] = t33) : t33 = $[137];
-  const handleDragOver = t33;
-  let t34;
-  $[138] !== editorActor || $[139] !== onDrop || $[140] !== slateEditor ? (t34 = (event_13) => {
+  }, $[136] = editorActor, $[137] = onDragOver, $[138] = slateEditor, $[139] = t35) : t35 = $[139];
+  const handleDragOver = t35;
+  let t36;
+  $[140] !== editorActor || $[141] !== onDrop || $[142] !== slateEditor ? (t36 = (event_13) => {
     if (onDrop?.(event_13), event_13.isDefaultPrevented() || event_13.isPropagationStopped())
       return;
     const position_8 = getEventPosition({
@@ -2517,10 +2520,10 @@ const IS_PROCESSING_REMOTE_CHANGES = /* @__PURE__ */ new WeakMap(), KEY_TO_SLATE
       editor: slateEditor,
       nativeEvent: event_13
     }), !0;
-  }, $[138] = editorActor, $[139] = onDrop, $[140] = slateEditor, $[141] = t34) : t34 = $[141];
-  const handleDrop = t34;
-  let t35;
-  $[142] !== editorActor || $[143] !== onDragLeave || $[144] !== slateEditor ? (t35 = (event_14) => {
+  }, $[140] = editorActor, $[141] = onDrop, $[142] = slateEditor, $[143] = t36) : t36 = $[143];
+  const handleDrop = t36;
+  let t37;
+  $[144] !== editorActor || $[145] !== onDragLeave || $[146] !== slateEditor ? (t37 = (event_14) => {
     if (onDragLeave?.(event_14), !(event_14.isDefaultPrevented() || event_14.isPropagationStopped() || !getEventPosition({
       editorActor,
       slateEditor,
@@ -2536,10 +2539,10 @@ const IS_PROCESSING_REMOTE_CHANGES = /* @__PURE__ */ new WeakMap(), KEY_TO_SLATE
         },
         editor: slateEditor
       }), !0;
-  }, $[142] = editorActor, $[143] = onDragLeave, $[144] = slateEditor, $[145] = t35) : t35 = $[145];
-  const handleDragLeave = t35;
-  let t36;
-  $[146] !== forwardedRef || $[147] !== validateSelectionActor ? (t36 = (editorElement) => {
+  }, $[144] = editorActor, $[145] = onDragLeave, $[146] = slateEditor, $[147] = t37) : t37 = $[147];
+  const handleDragLeave = t37;
+  let t38;
+  $[148] !== forwardedRef || $[149] !== validateSelectionActor ? (t38 = (editorElement) => {
     if (typeof forwardedRef == "function" ? forwardedRef(editorElement) : forwardedRef && (forwardedRef.current = editorElement), editorElement) {
       const mutationObserver = new MutationObserver(() => {
         validateSelectionActor.send({
@@ -2557,12 +2560,12 @@ const IS_PROCESSING_REMOTE_CHANGES = /* @__PURE__ */ new WeakMap(), KEY_TO_SLATE
         mutationObserver.disconnect();
       };
     }
-  }, $[146] = forwardedRef, $[147] = validateSelectionActor, $[148] = t36) : t36 = $[148];
-  const callbackRef = t36;
+  }, $[148] = forwardedRef, $[149] = validateSelectionActor, $[150] = t38) : t38 = $[150];
+  const callbackRef = t38;
   if (!portableTextEditor)
     return null;
-  let t37;
-  return $[149] !== callbackRef || $[150] !== decorate || $[151] !== handleClick || $[152] !== handleCopy || $[153] !== handleCut || $[154] !== handleDrag || $[155] !== handleDragEnd || $[156] !== handleDragEnter || $[157] !== handleDragLeave || $[158] !== handleDragOver || $[159] !== handleDragStart || $[160] !== handleDrop || $[161] !== handleKeyDown || $[162] !== handleKeyUp || $[163] !== handleOnBeforeInput || $[164] !== handleOnBlur || $[165] !== handleOnFocus || $[166] !== handlePaste || $[167] !== hasInvalidValue || $[168] !== readOnly || $[169] !== renderElement || $[170] !== renderLeaf || $[171] !== restProps || $[172] !== scrollSelectionIntoViewToSlate ? (t37 = hasInvalidValue ? null : /* @__PURE__ */ jsx(Editable, { ...restProps, ref: callbackRef, "data-read-only": readOnly, autoFocus: !1, className: restProps.className || "pt-editable", decorate, onBlur: handleOnBlur, onCopy: handleCopy, onCut: handleCut, onClick: handleClick, onDOMBeforeInput: handleOnBeforeInput, onDragStart: handleDragStart, onDrag: handleDrag, onDragEnd: handleDragEnd, onDragEnter: handleDragEnter, onDragOver: handleDragOver, onDrop: handleDrop, onDragLeave: handleDragLeave, onFocus: handleOnFocus, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onPaste: handlePaste, readOnly, renderPlaceholder: void 0, renderElement, renderLeaf, renderText, scrollSelectionIntoView: scrollSelectionIntoViewToSlate }), $[149] = callbackRef, $[150] = decorate, $[151] = handleClick, $[152] = handleCopy, $[153] = handleCut, $[154] = handleDrag, $[155] = handleDragEnd, $[156] = handleDragEnter, $[157] = handleDragLeave, $[158] = handleDragOver, $[159] = handleDragStart, $[160] = handleDrop, $[161] = handleKeyDown, $[162] = handleKeyUp, $[163] = handleOnBeforeInput, $[164] = handleOnBlur, $[165] = handleOnFocus, $[166] = handlePaste, $[167] = hasInvalidValue, $[168] = readOnly, $[169] = renderElement, $[170] = renderLeaf, $[171] = restProps, $[172] = scrollSelectionIntoViewToSlate, $[173] = t37) : t37 = $[173], t37;
+  let t39;
+  return $[151] !== callbackRef || $[152] !== decorate || $[153] !== handleClick || $[154] !== handleCopy || $[155] !== handleCut || $[156] !== handleDrag || $[157] !== handleDragEnd || $[158] !== handleDragEnter || $[159] !== handleDragLeave || $[160] !== handleDragOver || $[161] !== handleDragStart || $[162] !== handleDrop || $[163] !== handleKeyDown || $[164] !== handleKeyUp || $[165] !== handleOnBeforeInput || $[166] !== handleOnBlur || $[167] !== handleOnFocus || $[168] !== handlePaste || $[169] !== hasInvalidValue || $[170] !== readOnly || $[171] !== renderElement || $[172] !== renderLeaf || $[173] !== restProps || $[174] !== scrollSelectionIntoViewToSlate ? (t39 = hasInvalidValue ? null : /* @__PURE__ */ jsx(Editable, { ...restProps, ref: callbackRef, "data-read-only": readOnly, autoFocus: !1, className: restProps.className || "pt-editable", decorate, onBlur: handleOnBlur, onCopy: handleCopy, onCut: handleCut, onClick: handleClick, onDOMBeforeInput: handleOnBeforeInput, onDragStart: handleDragStart, onDrag: handleDrag, onDragEnd: handleDragEnd, onDragEnter: handleDragEnter, onDragOver: handleDragOver, onDrop: handleDrop, onDragLeave: handleDragLeave, onFocus: handleOnFocus, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onPaste: handlePaste, readOnly, renderPlaceholder: void 0, renderElement, renderLeaf, renderText, scrollSelectionIntoView: scrollSelectionIntoViewToSlate }), $[151] = callbackRef, $[152] = decorate, $[153] = handleClick, $[154] = handleCopy, $[155] = handleCut, $[156] = handleDrag, $[157] = handleDragEnd, $[158] = handleDragEnter, $[159] = handleDragLeave, $[160] = handleDragOver, $[161] = handleDragStart, $[162] = handleDrop, $[163] = handleKeyDown, $[164] = handleKeyUp, $[165] = handleOnBeforeInput, $[166] = handleOnBlur, $[167] = handleOnFocus, $[168] = handlePaste, $[169] = hasInvalidValue, $[170] = readOnly, $[171] = renderElement, $[172] = renderLeaf, $[173] = restProps, $[174] = scrollSelectionIntoViewToSlate, $[175] = t39) : t39 = $[175], t39;
 });
 PortableTextEditable.displayName = "ForwardRef(PortableTextEditable)";
 function _temp(s) {
@@ -3930,27 +3933,26 @@ function createWithUndoRedo(options) {
         apply2(op);
         return;
       }
-      const {
-        operations,
-        history
-      } = editor, {
-        undos
-      } = history, step = undos[undos.length - 1], lastOp = step && step.operations && step.operations[step.operations.length - 1], overwrite = shouldOverwrite(op, lastOp), save = isSaving(editor), currentUndoStepId = getCurrentUndoStepId(editor);
-      let merge = currentUndoStepId === previousUndoStepId || isNormalizingNode(editor);
-      if (save) {
-        if (step ? operations.length === 0 && (merge = currentUndoStepId === void 0 && previousUndoStepId === void 0 ? shouldMerge(op, lastOp) || overwrite : merge) : merge = !1, step && merge)
-          step.operations.push(op);
-        else {
-          const newStep = {
-            operations: [...editor.selection === null ? [] : [createSelectOperation(editor)], op],
-            timestamp: /* @__PURE__ */ new Date()
-          };
-          undos.push(newStep), debug$b("Created new undo step", step);
-        }
-        for (; undos.length > UNDO_STEP_LIMIT; )
-          undos.shift();
-        shouldClear(op) && (history.redos = []);
+      const savingUndoSteps = isSaving(editor), currentUndoStepId = getCurrentUndoStepId(editor);
+      if (!savingUndoSteps) {
+        previousUndoStepId = currentUndoStepId, apply2(op);
+        return;
       }
+      op.type !== "set_selection" && (editor.history.redos = []);
+      const step = editor.history.undos.at(editor.history.undos.length - 1);
+      if (!step) {
+        editor.history.undos.push({
+          operations: [...editor.selection === null ? [] : [createSelectOperation(editor)], op],
+          timestamp: /* @__PURE__ */ new Date()
+        }), apply2(op), previousUndoStepId = currentUndoStepId;
+        return;
+      }
+      const selectingWithoutUndoStepId = op.type === "set_selection" && currentUndoStepId === void 0 && previousUndoStepId !== void 0, selectingWithDifferentUndoStepId = op.type === "set_selection" && currentUndoStepId !== void 0 && previousUndoStepId !== void 0 && previousUndoStepId !== currentUndoStepId, lastOp = step.operations.at(-1);
+      for ((editor.operations.length > 0 ? currentUndoStepId === previousUndoStepId || isNormalizingNode(editor) : selectingWithoutUndoStepId || selectingWithDifferentUndoStepId || currentUndoStepId === void 0 && previousUndoStepId === void 0 ? shouldMerge(op, lastOp) || lastOp?.type === "set_selection" && op.type === "set_selection" : currentUndoStepId === previousUndoStepId || isNormalizingNode(editor)) ? step.operations.push(op) : editor.history.undos.push({
+        operations: [...editor.selection === null ? [] : [createSelectOperation(editor)], op],
+        timestamp: /* @__PURE__ */ new Date()
+      }); editor.history.undos.length > UNDO_STEP_LIMIT; )
+        editor.history.undos.shift();
       previousUndoStepId = currentUndoStepId, apply2(op);
     }, editor;
   };
@@ -4109,7 +4111,7 @@ function adjustBlockPath(operation, level, blockIndex) {
   }
   return transformedOperation;
 }
-const shouldMerge = (op, prev) => !!(op.type === "set_selection" || prev && op.type === "insert_text" && prev.type === "insert_text" && op.offset === prev.offset + prev.text.length && Path.equals(op.path, prev.path) && op.text !== " " || prev && op.type === "remove_text" && prev.type === "remove_text" && op.offset + op.text.length === prev.offset && Path.equals(op.path, prev.path)), shouldOverwrite = (op, prev) => !!(prev && op.type === "set_selection" && prev.type === "set_selection"), shouldClear = (op) => op.type !== "set_selection";
+const shouldMerge = (op, prev) => !!(op.type === "set_selection" || prev && op.type === "insert_text" && prev.type === "insert_text" && op.offset === prev.offset + prev.text.length && Path.equals(op.path, prev.path) && op.text !== " " || prev && op.type === "remove_text" && prev.type === "remove_text" && op.offset + op.text.length === prev.offset && Path.equals(op.path, prev.path));
 function withoutSaving(editor, fn) {
   const prev = isSaving(editor);
   SAVING.set(editor, !1), fn(), SAVING.set(editor, prev);
@@ -5959,7 +5961,24 @@ function setNodePatch(schema, children, operation) {
     }, block)) {
       const child = block.children[operation.path[1]];
       if (child) {
-        const blockKey = block._key, childKey = child._key, patches = [], keys = Object.keys(operation.newProperties);
+        const blockKey = block._key, childKey = child._key, patches = [];
+        if (Element$1.isElement(child)) {
+          const _key = operation.newProperties._key;
+          _key !== void 0 && patches.push(set(_key, [{
+            _key: blockKey
+          }, "children", block.children.indexOf(child), "_key"]));
+          const properties = "value" in operation.newProperties && typeof operation.newProperties.value == "object" ? operation.newProperties.value : {}, keys2 = Object.keys(properties);
+          for (const key of keys2) {
+            const value = properties[key];
+            patches.push(set(value, [{
+              _key: blockKey
+            }, "children", {
+              _key: childKey
+            }, key]));
+          }
+          return patches;
+        }
+        const keys = Object.keys(operation.newProperties);
         return keys.forEach((keyName) => {
           if (keys.length === 1 && keyName === "_key") {
             const val = get(operation.newProperties, keyName);
@@ -6726,6 +6745,10 @@ function createEditorDom(sendBack, slateEditor) {
   return {
     getBlockNodes: (snapshot) => getBlockNodes(slateEditor, snapshot),
     getChildNodes: (snapshot) => getChildNodes(slateEditor, snapshot),
+    getEditorElement: () => getEditorElement(slateEditor),
+    getSelectionRect: (snapshot) => getSelectionRect(snapshot),
+    getStartBlockElement: (snapshot) => getStartBlockElement(slateEditor, snapshot),
+    getEndBlockElement: (snapshot) => getEndBlockElement(slateEditor, snapshot),
     setDragGhost: ({
       event,
       ghost
@@ -6768,6 +6791,67 @@ function getChildNodes(slateEditor, snapshot) {
     return [];
   }
 }
+function getEditorElement(slateEditor) {
+  try {
+    return DOMEditor.toDOMNode(slateEditor, slateEditor);
+  } catch {
+    return;
+  }
+}
+function getSelectionRect(snapshot) {
+  if (!snapshot.context.selection)
+    return null;
+  try {
+    const selection = window.getSelection();
+    return selection ? selection.getRangeAt(0).getBoundingClientRect() : null;
+  } catch {
+    return null;
+  }
+}
+function getStartBlockElement(slateEditor, snapshot) {
+  const startBlock = getSelectionStartBlock$1(snapshot);
+  if (!startBlock)
+    return null;
+  const startBlockNode = getBlockNodes(slateEditor, {
+    ...snapshot,
+    context: {
+      ...snapshot.context,
+      selection: {
+        anchor: {
+          path: startBlock.path,
+          offset: 0
+        },
+        focus: {
+          path: startBlock.path,
+          offset: 0
+        }
+      }
+    }
+  })?.at(0);
+  return startBlockNode && startBlockNode instanceof Element ? startBlockNode : null;
+}
+function getEndBlockElement(slateEditor, snapshot) {
+  const endBlock = getSelectionEndBlock$1(snapshot);
+  if (!endBlock)
+    return null;
+  const endBlockNode = getBlockNodes(slateEditor, {
+    ...snapshot,
+    context: {
+      ...snapshot.context,
+      selection: {
+        anchor: {
+          path: endBlock.path,
+          offset: 0
+        },
+        focus: {
+          path: endBlock.path,
+          offset: 0
+        }
+      }
+    }
+  })?.at(0);
+  return endBlockNode && endBlockNode instanceof Element ? endBlockNode : null;
+}
 function setDragGhost({
   sendBack,
   event,
@@ -11720,89 +11804,67 @@ async function updateValue({
 }) {
   let doneSyncing = !1, isChanged = !1, isValid = !0;
   const hadSelection = !!slateEditor.selection;
-  if ((!value || value.length === 0) && (debug$2("Value is empty"), Editor.withoutNormalizing(slateEditor, () => {
-    withoutSaving(slateEditor, () => {
-      withRemoteChanges(slateEditor, () => {
-        withoutPatching(slateEditor, () => {
-          if (doneSyncing)
-            return;
-          hadSelection && Transforms.deselect(slateEditor);
-          const childrenLength = slateEditor.children.length;
-          slateEditor.children.forEach((_, index) => {
-            Transforms.removeNodes(slateEditor, {
-              at: [childrenLength - 1 - index]
-            });
-          }), Transforms.insertNodes(slateEditor, slateEditor.pteCreateTextBlock({
-            decorators: []
-          }), {
-            at: [0]
-          }), hadSelection && Transforms.select(slateEditor, [0, 0]);
-        });
-      });
-    });
-  }), isChanged = !0), value && value.length > 0 && (streamBlocks ? await new Promise((resolve) => {
-    Editor.withoutNormalizing(slateEditor, () => {
-      withRemoteChanges(slateEditor, () => {
-        withoutPatching(slateEditor, () => {
-          if (doneSyncing) {
-            resolve();
-            return;
-          }
-          isChanged = removeExtraBlocks({
-            slateEditor,
-            value
-          }), (async () => {
-            for await (const [currentBlock, currentBlockIndex] of getStreamedBlocks({
-              value
-            })) {
-              const {
-                blockChanged,
-                blockValid
-              } = syncBlock({
-                context,
-                sendBack,
-                block: currentBlock,
-                index: currentBlockIndex,
-                slateEditor,
-                value
-              });
-              if (isChanged = blockChanged || isChanged, isValid = isValid && blockValid, !isValid)
-                break;
-            }
-            resolve();
-          })();
-        });
-      });
-    });
-  }) : Editor.withoutNormalizing(slateEditor, () => {
-    withRemoteChanges(slateEditor, () => {
-      withoutPatching(slateEditor, () => {
-        if (doneSyncing)
+  if ((!value || value.length === 0) && (debug$2("Value is empty"), clearEditor({
+    slateEditor,
+    doneSyncing,
+    hadSelection
+  }), isChanged = !0), value && value.length > 0)
+    if (streamBlocks)
+      await new Promise((resolve) => {
+        if (doneSyncing) {
+          resolve();
           return;
+        }
         isChanged = removeExtraBlocks({
           slateEditor,
           value
-        });
-        let index = 0;
-        for (const currentBlock of value) {
-          const {
-            blockChanged,
-            blockValid
-          } = syncBlock({
-            context,
-            sendBack,
-            block: currentBlock,
-            index,
-            slateEditor,
+        }), (async () => {
+          for await (const [currentBlock, currentBlockIndex] of getStreamedBlocks({
             value
-          });
-          if (isChanged = blockChanged || isChanged, isValid = isValid && blockValid, !blockValid)
-            break;
-          index++;
-        }
+          })) {
+            const {
+              blockChanged,
+              blockValid
+            } = syncBlock({
+              context,
+              sendBack,
+              block: currentBlock,
+              index: currentBlockIndex,
+              slateEditor,
+              value
+            });
+            if (isChanged = blockChanged || isChanged, isValid = isValid && blockValid, !isValid)
+              break;
+          }
+          resolve();
+        })();
       });
-    });
-  })), !isValid) {
+    else {
+      if (doneSyncing)
+        return;
+      isChanged = removeExtraBlocks({
+        slateEditor,
+        value
+      });
+      let index = 0;
+      for (const block of value) {
+        const {
+          blockChanged,
+          blockValid
+        } = syncBlock({
+          context,
+          sendBack,
+          block,
+          index,
+          slateEditor,
+          value
+        });
+        if (isChanged = blockChanged || isChanged, isValid = isValid && blockValid, !blockValid)
+          break;
+        index++;
+      }
+    }
+  if (!isValid) {
     debug$2("Invalid value, returning"), doneSyncing = !0, sendBack({
       type: "done syncing",
       value
@@ -11844,21 +11906,6 @@ async function updateValue({
     value
   });
 }
-function removeExtraBlocks({
-  slateEditor,
-  value
-}) {
-  let isChanged = !1;
-  const childrenLength = slateEditor.children.length;
-  if (value.length < childrenLength) {
-    for (let i = childrenLength - 1; i > value.length - 1; i--)
-      Transforms.removeNodes(slateEditor, {
-        at: [i]
-      });
-    isChanged = !0;
-  }
-  return isChanged;
-}
 async function* getStreamedBlocks({
   value
 }) {
@@ -11866,87 +11913,182 @@ async function* getStreamedBlocks({
   for await (const block of value)
     index % 10 === 0 && await new Promise((resolve) => setTimeout(resolve, 0)), yield [block, index], index++;
 }
-function syncBlock({
-  context,
-  sendBack,
-  block,
-  index,
+function clearEditor({
+  slateEditor,
+  doneSyncing,
+  hadSelection
+}) {
+  Editor.withoutNormalizing(slateEditor, () => {
+    withoutSaving(slateEditor, () => {
+      withRemoteChanges(slateEditor, () => {
+        withoutPatching(slateEditor, () => {
+          if (doneSyncing)
+            return;
+          hadSelection && Transforms.deselect(slateEditor);
+          const childrenLength = slateEditor.children.length;
+          slateEditor.children.forEach((_, index) => {
+            Transforms.removeNodes(slateEditor, {
+              at: [childrenLength - 1 - index]
+            });
+          }), Transforms.insertNodes(slateEditor, slateEditor.pteCreateTextBlock({
+            decorators: []
+          }), {
+            at: [0]
+          }), hadSelection && Transforms.select(slateEditor, [0, 0]);
+        });
+      });
+    });
+  });
+}
+function removeExtraBlocks({
   slateEditor,
   value
 }) {
-  let blockChanged = !1, blockValid = !0;
-  const currentBlock = block, currentBlockIndex = index, oldBlock = slateEditor.children[currentBlockIndex], hasChanges = oldBlock && !isEqual(currentBlock, oldBlock);
+  let isChanged = !1;
   return Editor.withoutNormalizing(slateEditor, () => {
     withRemoteChanges(slateEditor, () => {
       withoutPatching(slateEditor, () => {
-        if (hasChanges && blockValid) {
-          const validationValue = [value[currentBlockIndex]], validation = validateValue(validationValue, context.schema, context.keyGenerator);
-          if (!validation.valid && validation.resolution?.autoResolve && validation.resolution?.patches.length > 0 && !context.readOnly && context.previousValue && context.previousValue !== value && (console.warn(`${validation.resolution.action} for block with _key '${validationValue[0]._key}'. ${validation.resolution?.description}`), validation.resolution.patches.forEach((patch) => {
-            sendBack({
-              type: "patch",
-              patch
-            });
-          })), validation.valid || validation.resolution?.autoResolve) {
-            const slateBlock = toSlateBlock(currentBlock, {
-              schemaTypes: context.schema
+        const childrenLength = slateEditor.children.length;
+        if (value.length < childrenLength) {
+          for (let i = childrenLength - 1; i > value.length - 1; i--)
+            Transforms.removeNodes(slateEditor, {
+              at: [i]
             });
-            oldBlock._key === currentBlock._key ? (debug$2.enabled && debug$2("Updating block", oldBlock, currentBlock), _updateBlock(slateEditor, slateBlock, oldBlock, currentBlockIndex)) : (debug$2.enabled && debug$2("Replacing block", oldBlock, currentBlock), _replaceBlock(slateEditor, slateBlock, currentBlockIndex)), blockChanged = !0;
-          } else
-            sendBack({
-              type: "invalid value",
-              resolution: validation.resolution,
-              value
-            }), blockValid = !1;
+          isChanged = !0;
         }
-        if (!oldBlock && blockValid) {
-          const validation = validateValue([currentBlock], context.schema, context.keyGenerator);
-          if (debug$2.enabled && debug$2("Validating and inserting new block in the end of the value", currentBlock), validation.valid || validation.resolution?.autoResolve) {
-            const slateBlock = toSlateBlock(currentBlock, {
-              schemaTypes: context.schema
-            });
+      });
+    });
+  }), isChanged;
+}
+function syncBlock({
+  context,
+  sendBack,
+  block,
+  index,
+  slateEditor,
+  value
+}) {
+  const oldBlock = slateEditor.children.at(index);
+  if (!oldBlock) {
+    const validation2 = validateValue([block], context.schema, context.keyGenerator);
+    if (debug$2.enabled && debug$2("Validating and inserting new block in the end of the value", block), validation2.valid || validation2.resolution?.autoResolve) {
+      const slateBlock = toSlateBlock(block, {
+        schemaTypes: context.schema
+      });
+      return Editor.withoutNormalizing(slateEditor, () => {
+        withRemoteChanges(slateEditor, () => {
+          withoutPatching(slateEditor, () => {
             Transforms.insertNodes(slateEditor, slateBlock, {
-              at: [currentBlockIndex]
+              at: [index]
             });
-          } else
-            debug$2("Invalid", validation), sendBack({
-              type: "invalid value",
-              resolution: validation.resolution,
-              value
-            }), blockValid = !1;
-        }
+          });
+        });
+      }), {
+        blockChanged: !0,
+        blockValid: !0
+      };
+    }
+    return debug$2("Invalid", validation2), sendBack({
+      type: "invalid value",
+      resolution: validation2.resolution,
+      value
+    }), {
+      blockChanged: !1,
+      blockValid: !1
+    };
+  }
+  if (isEqual(block, oldBlock))
+    return {
+      blockChanged: !1,
+      blockValid: !0
+    };
+  const validationValue = [value[index]], validation = validateValue(validationValue, context.schema, context.keyGenerator);
+  return !validation.valid && validation.resolution?.autoResolve && validation.resolution?.patches.length > 0 && !context.readOnly && context.previousValue && context.previousValue !== value && (console.warn(`${validation.resolution.action} for block with _key '${validationValue[0]._key}'. ${validation.resolution?.description}`), validation.resolution.patches.forEach((patch) => {
+    sendBack({
+      type: "patch",
+      patch
+    });
+  })), validation.valid || validation.resolution?.autoResolve ? (oldBlock._key === block._key ? (debug$2.enabled && debug$2("Updating block", oldBlock, block), Editor.withoutNormalizing(slateEditor, () => {
+    withRemoteChanges(slateEditor, () => {
+      withoutPatching(slateEditor, () => {
+        updateBlock({
+          context,
+          slateEditor,
+          oldBlock,
+          block,
+          index
+        });
       });
     });
+  })) : (debug$2.enabled && debug$2("Replacing block", oldBlock, block), Editor.withoutNormalizing(slateEditor, () => {
+    withRemoteChanges(slateEditor, () => {
+      withoutPatching(slateEditor, () => {
+        replaceBlock({
+          context,
+          slateEditor,
+          block,
+          index
+        });
+      });
+    });
+  })), {
+    blockChanged: !0,
+    blockValid: !0
+  }) : (sendBack({
+    type: "invalid value",
+    resolution: validation.resolution,
+    value
   }), {
-    blockChanged,
-    blockValid
-  };
+    blockChanged: !1,
+    blockValid: !1
+  });
 }
-function _replaceBlock(slateEditor, currentBlock, currentBlockIndex) {
-  const currentSelection = slateEditor.selection, selectionFocusOnBlock = currentSelection && currentSelection.focus.path[0] === currentBlockIndex;
+function replaceBlock({
+  context,
+  slateEditor,
+  block,
+  index
+}) {
+  const slateBlock = toSlateBlock(block, {
+    schemaTypes: context.schema
+  }), currentSelection = slateEditor.selection, selectionFocusOnBlock = currentSelection && currentSelection.focus.path[0] === index;
   selectionFocusOnBlock && Transforms.deselect(slateEditor), Transforms.removeNodes(slateEditor, {
-    at: [currentBlockIndex]
-  }), Transforms.insertNodes(slateEditor, currentBlock, {
-    at: [currentBlockIndex]
+    at: [index]
+  }), Transforms.insertNodes(slateEditor, slateBlock, {
+    at: [index]
   }), slateEditor.onChange(), selectionFocusOnBlock && Transforms.select(slateEditor, currentSelection);
 }
-function _updateBlock(slateEditor, currentBlock, oldBlock, currentBlockIndex) {
-  if (Transforms.setNodes(slateEditor, currentBlock, {
-    at: [currentBlockIndex]
-  }), slateEditor.isTextBlock(currentBlock) && slateEditor.isTextBlock(oldBlock)) {
+function updateBlock({
+  context,
+  slateEditor,
+  oldBlock,
+  block,
+  index
+}) {
+  const slateBlock = toSlateBlock(block, {
+    schemaTypes: context.schema
+  });
+  if (Transforms.setNodes(slateEditor, slateBlock, {
+    at: [index]
+  }), slateEditor.isTextBlock(slateBlock) && 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;
+    slateBlock.children.length < oldBlockChildrenLength && Array.from(Array(oldBlockChildrenLength - slateBlock.children.length)).forEach((_, index2) => {
+      const childIndex = oldBlockChildrenLength - 1 - index2;
       childIndex > 0 && (debug$2("Removing child"), Transforms.removeNodes(slateEditor, {
-        at: [currentBlockIndex, childIndex]
+        at: [index2, childIndex]
       }));
-    }), currentBlock.children.forEach((currentBlockChild, currentBlockChildIndex) => {
-      const oldBlockChild = oldBlock.children[currentBlockChildIndex], isChildChanged = !isEqual(currentBlockChild, oldBlockChild), isTextChanged = !isEqual(currentBlockChild.text, oldBlockChild?.text), path = [currentBlockIndex, currentBlockChildIndex];
+    }), slateBlock.children.forEach((currentBlockChild, currentBlockChildIndex) => {
+      const oldBlockChild = oldBlock.children[currentBlockChildIndex], isChildChanged = !isEqual(currentBlockChild, oldBlockChild), isTextChanged = !isEqual(currentBlockChild.text, oldBlockChild?.text), path = [index, currentBlockChildIndex];
       if (isChildChanged)
         if (currentBlockChild._key === oldBlockChild?._key) {
           debug$2("Updating changed child", currentBlockChild, oldBlockChild), Transforms.setNodes(slateEditor, currentBlockChild, {
             at: path
           });
-          const isSpanNode2 = Text.isText(currentBlockChild) && currentBlockChild._type === "span" && Text.isText(oldBlockChild) && oldBlockChild._type === "span";
+          const isSpanNode2 = isSpan({
+            schema: context.schema
+          }, currentBlockChild) && isSpan({
+            schema: context.schema
+          }, oldBlockChild);
           isSpanNode2 && isTextChanged ? (oldBlockChild.text.length > 0 && deleteText(slateEditor, {
             at: {
               focus: {
@@ -11967,11 +12109,11 @@ function _updateBlock(slateEditor, currentBlock, oldBlock, currentBlockIndex) {
             voids: !0
           }));
         } else oldBlockChild ? (debug$2("Replacing child", currentBlockChild), Transforms.removeNodes(slateEditor, {
-          at: [currentBlockIndex, currentBlockChildIndex]
+          at: [index, currentBlockChildIndex]
         }), Transforms.insertNodes(slateEditor, currentBlockChild, {
-          at: [currentBlockIndex, currentBlockChildIndex]
+          at: [index, currentBlockChildIndex]
         }), slateEditor.onChange()) : oldBlockChild || (debug$2("Inserting new child", currentBlockChild), Transforms.insertNodes(slateEditor, currentBlockChild, {
-          at: [currentBlockIndex, currentBlockChildIndex]
+          at: [index, currentBlockChildIndex]
         }), slateEditor.onChange());
     });
   }