@portabletext/editor 2.13.2 → 2.13.3

package/lib/index.js

@@ -5,8 +5,8 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useSelector, useActorRef } from "@xstate/react";
 import noop from "lodash/noop.js";
 import { Element as Element$1, Text, Range, Editor, Node, Point, Path, Transforms, Operation, deleteText, setSelection, createEditor } from "slate";
-import { useSelected, useSlateSelector, useSlateStatic, useSlate, Editable, ReactEditor, withReact, Slate } from "slate-react";
-import debug$f from "debug";
+import { useSelected, useSlateSelector, useSlateStatic, ReactEditor, useSlate, Editable, withReact, Slate } from "slate-react";
+import debug$g from "debug";
 import { DOMEditor, isDOMNode, EDITOR_TO_PENDING_SELECTION, IS_FOCUSED, IS_READ_ONLY } from "slate-dom";
 import { getBlockStartPoint, getBlockKeyFromSelectionPoint, getChildKeyFromSelectionPoint, blockOffsetToSpanSelectionPoint, defaultKeyGenerator, parseBlocks, parseBlock, parseAnnotation, parseSpan, parseInlineObject, isKeyedSegment, isListBlock, isTypedObject, getSelectionStartPoint, getSelectionEndPoint, getTextBlockText } from "./_chunks-es/util.slice-blocks.js";
 import { getBlockEndPoint, isSelectionCollapsed, isEqualSelectionPoints, isEmptyTextBlock } from "./_chunks-es/util.is-selection-collapsed.js";
@@ -45,10 +45,10 @@ function EditorEventListener(props) {
   }, t1 = [editor, props.on], $[0] = editor, $[1] = props.on, $[2] = t0, $[3] = t1) : (t0 = $[2], t1 = $[3]), useEffect(t0, t1), null;
 }
 const rootName = "sanity-pte:";
-debug$f(rootName);
+debug$g(rootName);
 function debugWithName(name) {
   const namespace = `${rootName}${name}`;
-  return debug$f && debug$f.enabled(namespace) ? debug$f(namespace) : debug$f(rootName);
+  return debug$g && debug$g.enabled(namespace) ? debug$g(namespace) : debug$g(rootName);
 }
 const VOID_CHILD_KEY = "void-child";
 function keepObjectEquality(object, keyMap) {
@@ -1568,7 +1568,7 @@ function toKeyName(name) {
   const keyName = name.toLowerCase();
   return aliases[keyName] ?? keyName;
 }
-const debug$e = debugWithName("plugin:withHotKeys");
+const debug$f = debugWithName("plugin:withHotKeys");
 function createWithHotkeys(editorActor, portableTextEditor, hotkeysFromOptions) {
   const reservedHotkeys = ["enter", "tab", "shift", "delete", "end"], activeHotkeys = hotkeysFromOptions ?? {};
   return function(editor) {
@@ -1583,7 +1583,7 @@ function createWithHotkeys(editorActor, portableTextEditor, hotkeysFromOptions)
               const possibleMark = activeHotkeys[cat];
               if (possibleMark) {
                 const mark = possibleMark[hotkey];
-                debug$e(`HotKey ${hotkey} to toggle ${mark}`), editorActor.send({
+                debug$f(`HotKey ${hotkey} to toggle ${mark}`), editorActor.send({
                   type: "behavior event",
                   behaviorEvent: {
                     type: "decorator.toggle",
@@ -1912,8 +1912,85 @@ function createDecorate(schema, slateEditor) {
     }) || Range.includes(decoratedRange, path));
   };
 }
-const RelayActorContext = createContext({}), debug$d = debugWithName("component:Editable"), PortableTextEditable = forwardRef(function(props, forwardedRef) {
-  const $ = c(172);
+const RelayActorContext = createContext({}), debug$e = debugWithName("validate selection machine"), validateSelectionSetup = setup({
+  types: {
+    context: {},
+    input: {},
+    events: {}
+  },
+  guards: {
+    "pending operations": ({
+      context
+    }) => context.slateEditor.operations.length > 0
+  }
+}), validateSelectionAction = validateSelectionSetup.createAction(({
+  context,
+  event
+}) => {
+  validateSelection(context.slateEditor, event.editorElement);
+}), validateSelectionMachine = validateSelectionSetup.createMachine({
+  id: "validate selection",
+  context: ({
+    input
+  }) => ({
+    slateEditor: input.slateEditor
+  }),
+  initial: "idle",
+  states: {
+    idle: {
+      on: {
+        "validate selection": [{
+          guard: "pending operations",
+          target: "waiting"
+        }, {
+          actions: [validateSelectionAction],
+          target: "idle"
+        }]
+      }
+    },
+    waiting: {
+      after: {
+        0: [{
+          guard: "pending operations",
+          target: ".",
+          reenter: !0
+        }, {
+          target: "idle",
+          actions: [validateSelectionAction]
+        }]
+      },
+      on: {
+        "validate selection": {
+          target: ".",
+          reenter: !0
+        }
+      }
+    }
+  }
+});
+function validateSelection(slateEditor, editorElement) {
+  if (!slateEditor.selection)
+    return;
+  let root;
+  try {
+    root = ReactEditor.findDocumentOrShadowRoot(slateEditor);
+  } catch {
+  }
+  if (!root || editorElement !== root.activeElement)
+    return;
+  const domSelection = ReactEditor.getWindow(slateEditor).getSelection();
+  if (!domSelection || domSelection.rangeCount === 0)
+    return;
+  const existingDOMRange = domSelection.getRangeAt(0);
+  try {
+    const newDOMRange = ReactEditor.toDOMRange(slateEditor, slateEditor.selection);
+    (newDOMRange.startOffset !== existingDOMRange.startOffset || newDOMRange.endOffset !== existingDOMRange.endOffset) && (debug$e("DOM range out of sync, validating selection"), domSelection?.removeAllRanges(), domSelection.addRange(newDOMRange));
+  } catch {
+    debug$e("Could not resolve selection, selecting top document"), Transforms.deselect(slateEditor), slateEditor.children.length > 0 && Transforms.select(slateEditor, Editor.start(slateEditor, [])), slateEditor.onChange();
+  }
+}
+const debug$d = debugWithName("component:Editable"), PortableTextEditable = forwardRef(function(props, forwardedRef) {
+  const $ = c(174);
   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,
@@ -1946,50 +2023,57 @@ const RelayActorContext = createContext({}), debug$d = debugWithName("component:
   } = props, $[0] = props, $[1] = hotkeys, $[2] = onBeforeInput, $[3] = onBlur, $[4] = onClick, $[5] = onCopy, $[6] = onCut, $[7] = onDrag, $[8] = onDragEnd, $[9] = onDragEnter, $[10] = onDragLeave, $[11] = onDragOver, $[12] = onDragStart, $[13] = onDrop, $[14] = onFocus, $[15] = onPaste, $[16] = propsSelection, $[17] = rangeDecorations, $[18] = renderAnnotation, $[19] = renderBlock, $[20] = renderChild, $[21] = renderDecorator, $[22] = renderListItem, $[23] = renderPlaceholder, $[24] = renderStyle, $[25] = restProps, $[26] = scrollSelectionIntoView, $[27] = spellCheck) : (hotkeys = $[1], onBeforeInput = $[2], onBlur = $[3], onClick = $[4], onCopy = $[5], onCut = $[6], onDrag = $[7], onDragEnd = $[8], onDragEnter = $[9], onDragLeave = $[10], onDragOver = $[11], onDragStart = $[12], onDrop = $[13], onFocus = $[14], onPaste = $[15], propsSelection = $[16], rangeDecorations = $[17], renderAnnotation = $[18], renderBlock = $[19], renderChild = $[20], renderDecorator = $[21], renderListItem = $[22], renderPlaceholder = $[23], renderStyle = $[24], restProps = $[25], scrollSelectionIntoView = $[26], spellCheck = $[27]);
   const portableTextEditor = usePortableTextEditor(), [hasInvalidValue, setHasInvalidValue] = useState(!1), editorActor = useContext(EditorActorContext), relayActor = useContext(RelayActorContext), readOnly = useSelector(editorActor, _temp), slateEditor = useSlate();
   let t0;
-  $[28] !== rangeDecorations ? (t0 = rangeDecorations ?? [], $[28] = rangeDecorations, $[29] = t0) : t0 = $[29];
+  $[28] !== slateEditor ? (t0 = {
+    input: {
+      slateEditor
+    }
+  }, $[28] = slateEditor, $[29] = t0) : t0 = $[29];
+  const validateSelectionActor = useActorRef(validateSelectionMachine, t0);
   let t1;
-  $[30] !== editorActor ? (t1 = editorActor.getSnapshot(), $[30] = editorActor, $[31] = t1) : t1 = $[31];
-  const t2 = !editorActor.getSnapshot().matches({
+  $[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"
   });
-  let t3;
-  $[32] !== readOnly || $[33] !== slateEditor || $[34] !== t0 || $[35] !== t1.context.schema || $[36] !== t2 ? (t3 = {
+  let t4;
+  $[34] !== readOnly || $[35] !== slateEditor || $[36] !== t1 || $[37] !== t2.context.schema || $[38] !== t3 ? (t4 = {
     input: {
-      rangeDecorations: t0,
+      rangeDecorations: t1,
       readOnly,
-      schema: t1.context.schema,
+      schema: t2.context.schema,
       slateEditor,
-      skipSetup: t2
+      skipSetup: t3
     }
-  }, $[32] = readOnly, $[33] = slateEditor, $[34] = t0, $[35] = t1.context.schema, $[36] = t2, $[37] = t3) : t3 = $[37];
-  const rangeDecorationsActor = useActorRef(rangeDecorationsMachine, t3), decorate = useSelector(rangeDecorationsActor, _temp2);
-  let t4, t5;
-  $[38] !== rangeDecorationsActor || $[39] !== readOnly ? (t4 = () => {
+  }, $[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 = () => {
     rangeDecorationsActor.send({
       type: "update read only",
       readOnly
     });
-  }, t5 = [rangeDecorationsActor, readOnly], $[38] = rangeDecorationsActor, $[39] = readOnly, $[40] = t4, $[41] = t5) : (t4 = $[40], t5 = $[41]), useEffect(t4, t5);
-  let t6, t7;
-  $[42] !== rangeDecorations || $[43] !== rangeDecorationsActor ? (t6 = () => {
+  }, 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 = () => {
     rangeDecorationsActor.send({
       type: "range decorations updated",
       rangeDecorations: rangeDecorations ?? []
     });
-  }, t7 = [rangeDecorationsActor, rangeDecorations], $[42] = rangeDecorations, $[43] = rangeDecorationsActor, $[44] = t6, $[45] = t7) : (t6 = $[44], t7 = $[45]), useEffect(t6, t7);
+  }, t8 = [rangeDecorationsActor, rangeDecorations], $[44] = rangeDecorations, $[45] = rangeDecorationsActor, $[46] = t7, $[47] = t8) : (t7 = $[46], t8 = $[47]), useEffect(t7, t8);
   bb0: {
     if (readOnly)
       break bb0;
     createWithHotkeys(editorActor, portableTextEditor, hotkeys)(slateEditor);
   }
-  let t9;
-  $[46] !== readOnly || $[47] !== renderBlock || $[48] !== renderChild || $[49] !== renderListItem || $[50] !== renderStyle || $[51] !== spellCheck ? (t9 = (eProps) => /* @__PURE__ */ jsx(RenderElement, { ...eProps, readOnly, renderBlock, renderChild, renderListItem, renderStyle, spellCheck }), $[46] = readOnly, $[47] = renderBlock, $[48] = renderChild, $[49] = renderListItem, $[50] = renderStyle, $[51] = spellCheck, $[52] = t9) : t9 = $[52];
-  const renderElement = t9;
   let t10;
-  $[53] !== readOnly || $[54] !== renderAnnotation || $[55] !== renderChild || $[56] !== renderDecorator || $[57] !== renderPlaceholder ? (t10 = (leafProps) => /* @__PURE__ */ jsx(RenderLeaf, { ...leafProps, readOnly, renderAnnotation, renderChild, renderDecorator, renderPlaceholder }), $[53] = readOnly, $[54] = renderAnnotation, $[55] = renderChild, $[56] = renderDecorator, $[57] = renderPlaceholder, $[58] = t10) : t10 = $[58];
-  const renderLeaf = t10, renderText = _temp3;
+  $[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;
-  $[59] !== editorActor || $[60] !== propsSelection || $[61] !== slateEditor ? (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 = () => {
     if (propsSelection) {
       debug$d(`Selection from props ${JSON.stringify(propsSelection)}`);
       const normalizedSelection = normalizeSelection(propsSelection, fromSlateValue(slateEditor.children, editorActor.getSnapshot().context.schema.block.name));
@@ -2009,10 +2093,10 @@ const RelayActorContext = createContext({}), debug$d = debugWithName("component:
         }), slateEditor.onChange());
       }
     }
-  }, $[59] = editorActor, $[60] = propsSelection, $[61] = slateEditor, $[62] = t11) : t11 = $[62];
-  const restoreSelectionFromProps = t11;
-  let t12, t13;
-  $[63] !== editorActor || $[64] !== rangeDecorationsActor || $[65] !== restoreSelectionFromProps ? (t12 = () => {
+  }, $[61] = editorActor, $[62] = propsSelection, $[63] = slateEditor, $[64] = t12) : t12 = $[64];
+  const restoreSelectionFromProps = t12;
+  let t13, t14;
+  $[65] !== editorActor || $[66] !== rangeDecorationsActor || $[67] !== restoreSelectionFromProps ? (t13 = () => {
     const onReady = editorActor.on("ready", () => {
       rangeDecorationsActor.send({
         type: "ready"
@@ -2025,13 +2109,13 @@ const RelayActorContext = createContext({}), debug$d = debugWithName("component:
     return () => {
       onReady.unsubscribe(), onInvalidValue.unsubscribe(), onValueChanged.unsubscribe();
     };
-  }, t13 = [rangeDecorationsActor, editorActor, restoreSelectionFromProps], $[63] = editorActor, $[64] = rangeDecorationsActor, $[65] = restoreSelectionFromProps, $[66] = t12, $[67] = t13) : (t12 = $[66], t13 = $[67]), useEffect(t12, t13);
-  let t14, t15;
-  $[68] !== hasInvalidValue || $[69] !== propsSelection || $[70] !== restoreSelectionFromProps ? (t14 = () => {
+  }, 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 = () => {
     propsSelection && !hasInvalidValue && restoreSelectionFromProps();
-  }, t15 = [hasInvalidValue, propsSelection, restoreSelectionFromProps], $[68] = hasInvalidValue, $[69] = propsSelection, $[70] = restoreSelectionFromProps, $[71] = t14, $[72] = t15) : (t14 = $[71], t15 = $[72]), useEffect(t14, t15);
-  let t16;
-  $[73] !== editorActor || $[74] !== onCopy || $[75] !== slateEditor ? (t16 = (event) => {
+  }, 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) => {
     if (onCopy)
       onCopy(event) !== void 0 && event.preventDefault();
     else if (event.nativeEvent.clipboardData) {
@@ -2060,10 +2144,10 @@ const RelayActorContext = createContext({}), debug$d = debugWithName("component:
         nativeEvent: event
       });
     }
-  }, $[73] = editorActor, $[74] = onCopy, $[75] = slateEditor, $[76] = t16) : t16 = $[76];
-  const handleCopy = t16;
-  let t17;
-  $[77] !== editorActor || $[78] !== onCut || $[79] !== slateEditor ? (t17 = (event_0) => {
+  }, $[75] = editorActor, $[76] = onCopy, $[77] = slateEditor, $[78] = t17) : t17 = $[78];
+  const handleCopy = t17;
+  let t18;
+  $[79] !== editorActor || $[80] !== onCut || $[81] !== slateEditor ? (t18 = (event_0) => {
     if (onCut)
       onCut(event_0) !== void 0 && event_0.preventDefault();
     else if (event_0.nativeEvent.clipboardData) {
@@ -2088,10 +2172,10 @@ const RelayActorContext = createContext({}), debug$d = debugWithName("component:
         nativeEvent: event_0
       });
     }
-  }, $[77] = editorActor, $[78] = onCut, $[79] = slateEditor, $[80] = t17) : t17 = $[80];
-  const handleCut = t17;
-  let t18;
-  $[81] !== editorActor || $[82] !== onPaste || $[83] !== portableTextEditor || $[84] !== relayActor || $[85] !== slateEditor ? (t18 = (event_1) => {
+  }, $[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) => {
     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,
@@ -2175,18 +2259,18 @@ const RelayActorContext = createContext({}), debug$d = debugWithName("component:
       });
     }
     debug$d("No result from custom paste handler, pasting normally");
-  }, $[81] = editorActor, $[82] = onPaste, $[83] = portableTextEditor, $[84] = relayActor, $[85] = slateEditor, $[86] = t18) : t18 = $[86];
-  const handlePaste = t18;
-  let t19;
-  $[87] !== editorActor || $[88] !== onFocus || $[89] !== relayActor || $[90] !== slateEditor ? (t19 = (event_2) => {
+  }, $[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) => {
     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()));
-  }, $[87] = editorActor, $[88] = onFocus, $[89] = relayActor, $[90] = slateEditor, $[91] = t19) : t19 = $[91];
-  const handleOnFocus = t19;
-  let t20;
-  $[92] !== editorActor || $[93] !== onClick || $[94] !== slateEditor ? (t20 = (event_3) => {
+  }, $[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) => {
     if (onClick && onClick(event_3), event_3.isDefaultPrevented() || event_3.isPropagationStopped())
       return;
     const position_3 = getEventPosition({
@@ -2203,23 +2287,23 @@ const RelayActorContext = createContext({}), debug$d = debugWithName("component:
       editor: slateEditor,
       nativeEvent: event_3
     });
-  }, $[92] = editorActor, $[93] = onClick, $[94] = slateEditor, $[95] = t20) : t20 = $[95];
-  const handleClick = t20;
-  let t21;
-  $[96] !== onBlur || $[97] !== relayActor ? (t21 = (event_4) => {
+  }, $[94] = editorActor, $[95] = onClick, $[96] = slateEditor, $[97] = t21) : t21 = $[97];
+  const handleClick = t21;
+  let t22;
+  $[98] !== onBlur || $[99] !== relayActor ? (t22 = (event_4) => {
     onBlur && onBlur(event_4), event_4.isPropagationStopped() || relayActor.send({
       type: "blurred",
       event: event_4
     });
-  }, $[96] = onBlur, $[97] = relayActor, $[98] = t21) : t21 = $[98];
-  const handleOnBlur = t21;
-  let t22;
-  $[99] !== onBeforeInput ? (t22 = (event_5) => {
-    onBeforeInput && onBeforeInput(event_5);
-  }, $[99] = onBeforeInput, $[100] = t22) : t22 = $[100];
-  const handleOnBeforeInput = t22;
+  }, $[98] = onBlur, $[99] = relayActor, $[100] = t22) : t22 = $[100];
+  const handleOnBlur = t22;
   let t23;
-  $[101] !== editorActor || $[102] !== props || $[103] !== slateEditor ? (t23 = (event_6) => {
+  $[101] !== onBeforeInput ? (t23 = (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) => {
     props.onKeyDown && props.onKeyDown(event_6), event_6.isDefaultPrevented() || slateEditor.pteWithHotKeys(event_6), event_6.isDefaultPrevented() || editorActor.send({
       type: "behavior event",
       behaviorEvent: {
@@ -2236,10 +2320,10 @@ const RelayActorContext = createContext({}), debug$d = debugWithName("component:
       editor: slateEditor,
       nativeEvent: event_6
     });
-  }, $[101] = editorActor, $[102] = props, $[103] = slateEditor, $[104] = t23) : t23 = $[104];
-  const handleKeyDown = t23;
-  let t24;
-  $[105] !== editorActor || $[106] !== props || $[107] !== slateEditor ? (t24 = (event_7) => {
+  }, $[103] = editorActor, $[104] = props, $[105] = slateEditor, $[106] = t24) : t24 = $[106];
+  const handleKeyDown = t24;
+  let t25;
+  $[107] !== editorActor || $[108] !== props || $[109] !== slateEditor ? (t25 = (event_7) => {
     props.onKeyUp && props.onKeyUp(event_7), event_7.isDefaultPrevented() || editorActor.send({
       type: "behavior event",
       behaviorEvent: {
@@ -2256,26 +2340,26 @@ const RelayActorContext = createContext({}), debug$d = debugWithName("component:
       editor: slateEditor,
       nativeEvent: event_7
     });
-  }, $[105] = editorActor, $[106] = props, $[107] = slateEditor, $[108] = t24) : t24 = $[108];
-  const handleKeyUp = t24;
-  let t25;
+  }, $[107] = editorActor, $[108] = props, $[109] = slateEditor, $[110] = t25) : t25 = $[110];
+  const handleKeyUp = t25;
+  let t26;
   bb1: {
     if (scrollSelectionIntoView === void 0) {
-      t25 = void 0;
+      t26 = void 0;
       break bb1;
     }
     if (scrollSelectionIntoView === null) {
-      t25 = noop;
+      t26 = noop;
       break bb1;
     }
-    let t262;
-    $[109] !== portableTextEditor || $[110] !== scrollSelectionIntoView ? (t262 = (_editor, domRange) => {
+    let t272;
+    $[111] !== portableTextEditor || $[112] !== scrollSelectionIntoView ? (t272 = (_editor, domRange) => {
       scrollSelectionIntoView(portableTextEditor, domRange);
-    }, $[109] = portableTextEditor, $[110] = scrollSelectionIntoView, $[111] = t262) : t262 = $[111], t25 = t262;
+    }, $[111] = portableTextEditor, $[112] = scrollSelectionIntoView, $[113] = t272) : t272 = $[113], t26 = t272;
   }
-  const scrollSelectionIntoViewToSlate = t25;
-  let t26, t27;
-  $[112] !== editorActor || $[113] !== slateEditor ? (t26 = () => {
+  const scrollSelectionIntoViewToSlate = t26;
+  let t27, t28;
+  $[114] !== editorActor || $[115] !== slateEditor ? (t27 = () => {
     const window2 = ReactEditor.getWindow(slateEditor), onDragEnd_0 = () => {
       editorActor.send({
         type: "dragend"
@@ -2288,9 +2372,9 @@ const RelayActorContext = createContext({}), debug$d = debugWithName("component:
     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);
     };
-  }, t27 = [slateEditor, editorActor], $[112] = editorActor, $[113] = slateEditor, $[114] = t26, $[115] = t27) : (t26 = $[114], t27 = $[115]), useEffect(t26, t27);
-  let t28;
-  $[116] !== editorActor || $[117] !== onDragStart || $[118] !== slateEditor ? (t28 = (event_8) => {
+  }, 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) => {
     if (onDragStart?.(event_8), event_8.isDefaultPrevented() || event_8.isPropagationStopped())
       return;
     const position_4 = getEventPosition({
@@ -2318,10 +2402,10 @@ const RelayActorContext = createContext({}), debug$d = debugWithName("component:
       },
       editor: slateEditor
     }), !0;
-  }, $[116] = editorActor, $[117] = onDragStart, $[118] = slateEditor, $[119] = t28) : t28 = $[119];
-  const handleDragStart = t28;
-  let t29;
-  $[120] !== editorActor || $[121] !== onDrag || $[122] !== slateEditor ? (t29 = (event_9) => {
+  }, $[118] = editorActor, $[119] = onDragStart, $[120] = slateEditor, $[121] = t29) : t29 = $[121];
+  const handleDragStart = t29;
+  let t30;
+  $[122] !== editorActor || $[123] !== onDrag || $[124] !== slateEditor ? (t30 = (event_9) => {
     if (onDrag?.(event_9), !(event_9.isDefaultPrevented() || event_9.isPropagationStopped() || !getEventPosition({
       editorActor,
       slateEditor,
@@ -2337,10 +2421,10 @@ const RelayActorContext = createContext({}), debug$d = debugWithName("component:
         },
         editor: slateEditor
       }), !0;
-  }, $[120] = editorActor, $[121] = onDrag, $[122] = slateEditor, $[123] = t29) : t29 = $[123];
-  const handleDrag = t29;
-  let t30;
-  $[124] !== editorActor || $[125] !== onDragEnd || $[126] !== slateEditor ? (t30 = (event_10) => {
+  }, $[122] = editorActor, $[123] = onDrag, $[124] = slateEditor, $[125] = t30) : t30 = $[125];
+  const handleDrag = t30;
+  let t31;
+  $[126] !== editorActor || $[127] !== onDragEnd || $[128] !== slateEditor ? (t31 = (event_10) => {
     if (onDragEnd?.(event_10), !(event_10.isDefaultPrevented() || event_10.isPropagationStopped()))
       return editorActor.send({
         type: "behavior event",
@@ -2352,10 +2436,10 @@ const RelayActorContext = createContext({}), debug$d = debugWithName("component:
         },
         editor: slateEditor
       }), !0;
-  }, $[124] = editorActor, $[125] = onDragEnd, $[126] = slateEditor, $[127] = t30) : t30 = $[127];
-  const handleDragEnd = t30;
-  let t31;
-  $[128] !== editorActor || $[129] !== onDragEnter || $[130] !== slateEditor ? (t31 = (event_11) => {
+  }, $[126] = editorActor, $[127] = onDragEnd, $[128] = slateEditor, $[129] = t31) : t31 = $[129];
+  const handleDragEnd = t31;
+  let t32;
+  $[130] !== editorActor || $[131] !== onDragEnter || $[132] !== slateEditor ? (t32 = (event_11) => {
     if (onDragEnter?.(event_11), event_11.isDefaultPrevented() || event_11.isPropagationStopped())
       return;
     const position_6 = getEventPosition({
@@ -2375,10 +2459,10 @@ const RelayActorContext = createContext({}), debug$d = debugWithName("component:
         },
         editor: slateEditor
       }), !0;
-  }, $[128] = editorActor, $[129] = onDragEnter, $[130] = slateEditor, $[131] = t31) : t31 = $[131];
-  const handleDragEnter = t31;
-  let t32;
-  $[132] !== editorActor || $[133] !== onDragOver || $[134] !== slateEditor ? (t32 = (event_12) => {
+  }, $[130] = editorActor, $[131] = onDragEnter, $[132] = slateEditor, $[133] = t32) : t32 = $[133];
+  const handleDragEnter = t32;
+  let t33;
+  $[134] !== editorActor || $[135] !== onDragOver || $[136] !== slateEditor ? (t33 = (event_12) => {
     if (onDragOver?.(event_12), event_12.isDefaultPrevented() || event_12.isPropagationStopped())
       return;
     const position_7 = getEventPosition({
@@ -2400,10 +2484,10 @@ const RelayActorContext = createContext({}), debug$d = debugWithName("component:
         editor: slateEditor,
         nativeEvent: event_12
       }), !0;
-  }, $[132] = editorActor, $[133] = onDragOver, $[134] = slateEditor, $[135] = t32) : t32 = $[135];
-  const handleDragOver = t32;
-  let t33;
-  $[136] !== editorActor || $[137] !== onDrop || $[138] !== slateEditor ? (t33 = (event_13) => {
+  }, $[134] = editorActor, $[135] = onDragOver, $[136] = slateEditor, $[137] = t33) : t33 = $[137];
+  const handleDragOver = t33;
+  let t34;
+  $[138] !== editorActor || $[139] !== onDrop || $[140] !== slateEditor ? (t34 = (event_13) => {
     if (onDrop?.(event_13), event_13.isDefaultPrevented() || event_13.isPropagationStopped())
       return;
     const position_8 = getEventPosition({
@@ -2428,10 +2512,10 @@ const RelayActorContext = createContext({}), debug$d = debugWithName("component:
       editor: slateEditor,
       nativeEvent: event_13
     }), !0;
-  }, $[136] = editorActor, $[137] = onDrop, $[138] = slateEditor, $[139] = t33) : t33 = $[139];
-  const handleDrop = t33;
-  let t34;
-  $[140] !== editorActor || $[141] !== onDragLeave || $[142] !== slateEditor ? (t34 = (event_14) => {
+  }, $[138] = editorActor, $[139] = onDrop, $[140] = slateEditor, $[141] = t34) : t34 = $[141];
+  const handleDrop = t34;
+  let t35;
+  $[142] !== editorActor || $[143] !== onDragLeave || $[144] !== slateEditor ? (t35 = (event_14) => {
     if (onDragLeave?.(event_14), !(event_14.isDefaultPrevented() || event_14.isPropagationStopped() || !getEventPosition({
       editorActor,
       slateEditor,
@@ -2447,15 +2531,18 @@ const RelayActorContext = createContext({}), debug$d = debugWithName("component:
         },
         editor: slateEditor
       }), !0;
-  }, $[140] = editorActor, $[141] = onDragLeave, $[142] = slateEditor, $[143] = t34) : t34 = $[143];
-  const handleDragLeave = t34;
-  let t35;
-  $[144] !== forwardedRef || $[145] !== slateEditor ? (t35 = (node) => {
-    if (typeof forwardedRef == "function" ? forwardedRef(node) : forwardedRef && (forwardedRef.current = node), node) {
+  }, $[142] = editorActor, $[143] = onDragLeave, $[144] = slateEditor, $[145] = t35) : t35 = $[145];
+  const handleDragLeave = t35;
+  let t36;
+  $[146] !== forwardedRef || $[147] !== validateSelectionActor ? (t36 = (editorElement) => {
+    if (typeof forwardedRef == "function" ? forwardedRef(editorElement) : forwardedRef && (forwardedRef.current = editorElement), editorElement) {
       const mutationObserver = new MutationObserver(() => {
-        validateSelection(slateEditor, node);
+        validateSelectionActor.send({
+          type: "validate selection",
+          editorElement
+        });
       });
-      return mutationObserver.observe(node, {
+      return mutationObserver.observe(editorElement, {
         attributeOldValue: !1,
         attributes: !1,
         characterData: !1,
@@ -2465,35 +2552,14 @@ const RelayActorContext = createContext({}), debug$d = debugWithName("component:
         mutationObserver.disconnect();
       };
     }
-  }, $[144] = forwardedRef, $[145] = slateEditor, $[146] = t35) : t35 = $[146];
-  const callbackRef = t35;
+  }, $[146] = forwardedRef, $[147] = validateSelectionActor, $[148] = t36) : t36 = $[148];
+  const callbackRef = t36;
   if (!portableTextEditor)
     return null;
-  let t36;
-  return $[147] !== callbackRef || $[148] !== decorate || $[149] !== handleClick || $[150] !== handleCopy || $[151] !== handleCut || $[152] !== handleDrag || $[153] !== handleDragEnd || $[154] !== handleDragEnter || $[155] !== handleDragLeave || $[156] !== handleDragOver || $[157] !== handleDragStart || $[158] !== handleDrop || $[159] !== handleKeyDown || $[160] !== handleKeyUp || $[161] !== handleOnBeforeInput || $[162] !== handleOnBlur || $[163] !== handleOnFocus || $[164] !== handlePaste || $[165] !== hasInvalidValue || $[166] !== readOnly || $[167] !== renderElement || $[168] !== renderLeaf || $[169] !== restProps || $[170] !== scrollSelectionIntoViewToSlate ? (t36 = 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 }), $[147] = callbackRef, $[148] = decorate, $[149] = handleClick, $[150] = handleCopy, $[151] = handleCut, $[152] = handleDrag, $[153] = handleDragEnd, $[154] = handleDragEnter, $[155] = handleDragLeave, $[156] = handleDragOver, $[157] = handleDragStart, $[158] = handleDrop, $[159] = handleKeyDown, $[160] = handleKeyUp, $[161] = handleOnBeforeInput, $[162] = handleOnBlur, $[163] = handleOnFocus, $[164] = handlePaste, $[165] = hasInvalidValue, $[166] = readOnly, $[167] = renderElement, $[168] = renderLeaf, $[169] = restProps, $[170] = scrollSelectionIntoViewToSlate, $[171] = t36) : t36 = $[171], t36;
+  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;
 });
 PortableTextEditable.displayName = "ForwardRef(PortableTextEditable)";
-function validateSelection(slateEditor, activeElement) {
-  if (!slateEditor.selection)
-    return;
-  let root;
-  try {
-    root = ReactEditor.findDocumentOrShadowRoot(slateEditor);
-  } catch {
-  }
-  if (!root || activeElement !== root.activeElement)
-    return;
-  const domSelection = ReactEditor.getWindow(slateEditor).getSelection();
-  if (!domSelection || domSelection.rangeCount === 0)
-    return;
-  const existingDOMRange = domSelection.getRangeAt(0);
-  try {
-    const newDOMRange = ReactEditor.toDOMRange(slateEditor, slateEditor.selection);
-    (newDOMRange.startOffset !== existingDOMRange.startOffset || newDOMRange.endOffset !== existingDOMRange.endOffset) && (debug$d("DOM range out of sync, validating selection"), domSelection?.removeAllRanges(), domSelection.addRange(newDOMRange));
-  } catch {
-    debug$d("Could not resolve selection, selecting top document"), Transforms.deselect(slateEditor), slateEditor.children.length > 0 && Transforms.select(slateEditor, [0, 0]), slateEditor.onChange();
-  }
-}
 function _temp(s) {
   return s.matches({
     "edit mode": "read only"