@portabletext/editor 2.4.3 → 2.6.0

package/lib/index.js

@@ -1,5 +1,5 @@
 import { c } from "react-compiler-runtime";
-import React, { useEffect, createContext, useContext, useState, useRef, Component, useMemo, startTransition, useCallback, forwardRef, useImperativeHandle } from "react";
+import React, { useEffect, createContext, useContext, useState, useRef, Component, useMemo, startTransition, useCallback, forwardRef } from "react";
 import { useEditor, EditorContext } from "./_chunks-es/use-editor.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useSelector, useActorRef } from "@xstate/react";
@@ -1038,7 +1038,7 @@ function RenderTextBlock(props) {
   ] });
 }
 function RenderElement(props) {
-  const $ = c(34), editorActor = useContext(EditorActorContext), schema = useSelector(editorActor, _temp$1), legacySchema = useSelector(editorActor, _temp2), slateStatic = useSlateStatic();
+  const $ = c(34), editorActor = useContext(EditorActorContext), schema = useSelector(editorActor, _temp$2), legacySchema = useSelector(editorActor, _temp2$1), slateStatic = useSlateStatic();
   if ("__inline" in props.element && props.element.__inline === !0) {
     let t02;
     return $[0] !== legacySchema || $[1] !== props.attributes || $[2] !== props.children || $[3] !== props.element || $[4] !== props.readOnly || $[5] !== props.renderChild || $[6] !== schema ? (t02 = /* @__PURE__ */ jsx(RenderInlineObject, { attributes: props.attributes, element: props.element, legacySchema, readOnly: props.readOnly, renderChild: props.renderChild, schema, children: props.children }), $[0] = legacySchema, $[1] = props.attributes, $[2] = props.children, $[3] = props.element, $[4] = props.readOnly, $[5] = props.renderChild, $[6] = schema, $[7] = t02) : t02 = $[7], t02;
@@ -1058,10 +1058,10 @@ function RenderElement(props) {
   let t1;
   return $[25] !== block || $[26] !== legacySchema || $[27] !== props.attributes || $[28] !== props.children || $[29] !== props.element || $[30] !== props.readOnly || $[31] !== props.renderBlock || $[32] !== schema ? (t1 = /* @__PURE__ */ jsx(RenderBlockObject, { attributes: props.attributes, blockObject: block, element: props.element, legacySchema, readOnly: props.readOnly, renderBlock: props.renderBlock, schema, children: props.children }), $[25] = block, $[26] = legacySchema, $[27] = props.attributes, $[28] = props.children, $[29] = props.element, $[30] = props.readOnly, $[31] = props.renderBlock, $[32] = schema, $[33] = t1) : t1 = $[33], t1;
 }
-function _temp2(s_0) {
+function _temp2$1(s_0) {
   return s_0.context.getLegacySchema();
 }
-function _temp$1(s) {
+function _temp$2(s) {
   return s.context.schema;
 }
 const PortableTextEditorContext = createContext(null), usePortableTextEditor = () => {
@@ -10883,7 +10883,7 @@ const PLACEHOLDER_STYLE = {
   right: 0
 };
 function RenderLeaf(props) {
-  const $ = c(12), editorActor = useContext(EditorActorContext), schema = useSelector(editorActor, _temp);
+  const $ = c(12), editorActor = useContext(EditorActorContext), schema = useSelector(editorActor, _temp$1);
   if (props.leaf._type !== schema.span.name)
     return props.children;
   let t0;
@@ -10909,7 +10909,7 @@ function RenderLeaf(props) {
   }
   return renderedSpan;
 }
-function _temp(s) {
+function _temp$1(s) {
   return s.context.schema;
 }
 function RenderText(props) {
@@ -11374,7 +11374,9 @@ function createDecorate(schema, slateEditor) {
   };
 }
 const debug = debugWithName("component:Editable"), PortableTextEditable = forwardRef(function(props, forwardedRef) {
-  const {
+  const $ = c(172);
+  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,
     onBlur,
     onFocus,
@@ -11402,33 +11404,53 @@ const debug = debugWithName("component:Editable"), PortableTextEditable = forwar
     scrollSelectionIntoView,
     spellCheck,
     ...restProps
-  } = props, portableTextEditor = usePortableTextEditor(), ref = useRef(null), [editableElement, setEditableElement] = useState(null), [hasInvalidValue, setHasInvalidValue] = useState(!1);
-  useImperativeHandle(forwardedRef, () => ref.current);
-  const editorActor = useContext(EditorActorContext), relayActor = useContext(RelayActorContext), readOnly = useSelector(editorActor, (s) => s.matches({
-    "edit mode": "read only"
-  })), slateEditor = useSlate(), rangeDecorationsActor = useActorRef(rangeDecorationsMachine, {
+  } = 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];
+  let t1;
+  $[30] !== editorActor ? (t1 = editorActor.getSnapshot(), $[30] = editorActor, $[31] = t1) : t1 = $[31];
+  const t2 = !editorActor.getSnapshot().matches({
+    setup: "setting up"
+  });
+  let t3;
+  $[32] !== readOnly || $[33] !== slateEditor || $[34] !== t0 || $[35] !== t1.context.schema || $[36] !== t2 ? (t3 = {
     input: {
-      rangeDecorations: rangeDecorations ?? [],
+      rangeDecorations: t0,
       readOnly,
-      schema: editorActor.getSnapshot().context.schema,
+      schema: t1.context.schema,
       slateEditor,
-      skipSetup: !editorActor.getSnapshot().matches({
-        setup: "setting up"
-      })
+      skipSetup: t2
     }
-  }), decorate = useSelector(rangeDecorationsActor, (s_0) => s_0.context.decorate?.fn);
-  useEffect(() => {
+  }, $[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 = () => {
     rangeDecorationsActor.send({
       type: "update read only",
       readOnly
     });
-  }, [rangeDecorationsActor, readOnly]), useEffect(() => {
+  }, 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 = () => {
     rangeDecorationsActor.send({
       type: "range decorations updated",
       rangeDecorations: rangeDecorations ?? []
     });
-  }, [rangeDecorationsActor, rangeDecorations]), useMemo(() => readOnly ? slateEditor : createWithHotkeys(editorActor, portableTextEditor, hotkeys)(slateEditor), [editorActor, hotkeys, portableTextEditor, readOnly, slateEditor]);
-  const renderElement = useCallback((eProps) => /* @__PURE__ */ jsx(RenderElement, { ...eProps, readOnly, renderBlock, renderChild, renderListItem, renderStyle, spellCheck }), [spellCheck, readOnly, renderBlock, renderChild, renderListItem, renderStyle]), renderLeaf = useCallback((leafProps) => /* @__PURE__ */ jsx(RenderLeaf, { ...leafProps, readOnly, renderAnnotation, renderChild, renderDecorator, renderPlaceholder }), [readOnly, renderAnnotation, renderChild, renderDecorator, renderPlaceholder]), renderText = useCallback((props_0) => /* @__PURE__ */ jsx(RenderText, { ...props_0 }), []), restoreSelectionFromProps = useCallback(() => {
+  }, t7 = [rangeDecorationsActor, rangeDecorations], $[42] = rangeDecorations, $[43] = rangeDecorationsActor, $[44] = t6, $[45] = t7) : (t6 = $[44], t7 = $[45]), useEffect(t6, t7);
+  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;
+  let t11;
+  $[59] !== editorActor || $[60] !== propsSelection || $[61] !== slateEditor ? (t11 = () => {
     if (propsSelection) {
       debug(`Selection from props ${JSON.stringify(propsSelection)}`);
       const normalizedSelection = normalizeSelection(propsSelection, fromSlateValue(slateEditor.children, editorActor.getSnapshot().context.schema.block.name));
@@ -11442,14 +11464,16 @@ const debug = debugWithName("component:Editable"), PortableTextEditable = forwar
           },
           blockIndexMap: slateEditor.blockIndexMap
         });
-        slateRange && (Transforms.select(slateEditor, slateRange), slateEditor.operations.some((o) => o.type === "set_selection") || editorActor.send({
+        slateRange && (Transforms.select(slateEditor, slateRange), slateEditor.operations.some(_temp4) || editorActor.send({
           type: "update selection",
           selection: normalizedSelection
         }), slateEditor.onChange());
       }
     }
-  }, [editorActor, propsSelection, slateEditor]);
-  useEffect(() => {
+  }, $[59] = editorActor, $[60] = propsSelection, $[61] = slateEditor, $[62] = t11) : t11 = $[62];
+  const restoreSelectionFromProps = t11;
+  let t12, t13;
+  $[63] !== editorActor || $[64] !== rangeDecorationsActor || $[65] !== restoreSelectionFromProps ? (t12 = () => {
     const onReady = editorActor.on("ready", () => {
       rangeDecorationsActor.send({
         type: "ready"
@@ -11462,10 +11486,13 @@ const debug = debugWithName("component:Editable"), PortableTextEditable = forwar
     return () => {
       onReady.unsubscribe(), onInvalidValue.unsubscribe(), onValueChanged.unsubscribe();
     };
-  }, [rangeDecorationsActor, editorActor, restoreSelectionFromProps]), useEffect(() => {
+  }, 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 = () => {
     propsSelection && !hasInvalidValue && restoreSelectionFromProps();
-  }, [hasInvalidValue, propsSelection, restoreSelectionFromProps]);
-  const handleCopy = useCallback((event) => {
+  }, 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) => {
     if (onCopy)
       onCopy(event) !== void 0 && event.preventDefault();
     else if (event.nativeEvent.clipboardData) {
@@ -11494,7 +11521,10 @@ const debug = debugWithName("component:Editable"), PortableTextEditable = forwar
         nativeEvent: event
       });
     }
-  }, [onCopy, editorActor, slateEditor]), handleCut = useCallback((event_0) => {
+  }, $[73] = editorActor, $[74] = onCopy, $[75] = slateEditor, $[76] = t16) : t16 = $[76];
+  const handleCopy = t16;
+  let t17;
+  $[77] !== editorActor || $[78] !== onCut || $[79] !== slateEditor ? (t17 = (event_0) => {
     if (onCut)
       onCut(event_0) !== void 0 && event_0.preventDefault();
     else if (event_0.nativeEvent.clipboardData) {
@@ -11519,7 +11549,10 @@ const debug = debugWithName("component:Editable"), PortableTextEditable = forwar
         nativeEvent: event_0
       });
     }
-  }, [onCut, editorActor, slateEditor]), handlePaste = useCallback((event_1) => {
+  }, $[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) => {
     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,
@@ -11555,26 +11588,27 @@ const debug = debugWithName("component:Editable"), PortableTextEditable = forwar
             editor: slateEditor,
             nativeEvent: event_1
           });
-        } else result_1.insert ? editorActor.send({
-          type: "behavior event",
-          behaviorEvent: {
-            type: "insert.blocks",
-            blocks: parseBlocks({
-              context: {
-                keyGenerator: editorActor.getSnapshot().context.keyGenerator,
-                schema: editorActor.getSnapshot().context.schema
-              },
-              blocks: result_1.insert,
-              options: {
-                refreshKeys: !1,
-                validateFields: !1
-              }
-            }),
-            placement: "auto"
-          },
-          editor: slateEditor
-        }) : console.warn("Your onPaste function returned something unexpected:", result_1);
-      }).catch((error) => (console.warn(error), error)).finally(() => {
+        } else
+          result_1.insert ? editorActor.send({
+            type: "behavior event",
+            behaviorEvent: {
+              type: "insert.blocks",
+              blocks: parseBlocks({
+                context: {
+                  keyGenerator: editorActor.getSnapshot().context.keyGenerator,
+                  schema: editorActor.getSnapshot().context.schema
+                },
+                blocks: result_1.insert,
+                options: {
+                  refreshKeys: !1,
+                  validateFields: !1
+                }
+              }),
+              placement: "auto"
+            },
+            editor: slateEditor
+          }) : console.warn("Your onPaste function returned something unexpected:", result_1);
+      }).catch(_temp5).finally(() => {
         relayActor.send({
           type: "done loading"
         });
@@ -11602,12 +11636,18 @@ const debug = debugWithName("component:Editable"), PortableTextEditable = forwar
       });
     }
     debug("No result from custom paste handler, pasting normally");
-  }, [editorActor, onPaste, portableTextEditor, relayActor, slateEditor]), handleOnFocus = useCallback((event_2) => {
+  }, $[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) => {
     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()));
-  }, [editorActor, onFocus, relayActor, slateEditor]), handleClick = useCallback((event_3) => {
+  }, $[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) => {
     if (onClick && onClick(event_3), event_3.isDefaultPrevented() || event_3.isPropagationStopped())
       return;
     const position_3 = getEventPosition({
@@ -11624,47 +11664,23 @@ const debug = debugWithName("component:Editable"), PortableTextEditable = forwar
       editor: slateEditor,
       nativeEvent: event_3
     });
-  }, [onClick, editorActor, slateEditor]), handleOnBlur = useCallback((event_4) => {
+  }, $[92] = editorActor, $[93] = onClick, $[94] = slateEditor, $[95] = t20) : t20 = $[95];
+  const handleClick = t20;
+  let t21;
+  $[96] !== onBlur || $[97] !== relayActor ? (t21 = (event_4) => {
     onBlur && onBlur(event_4), event_4.isPropagationStopped() || relayActor.send({
       type: "blurred",
       event: event_4
     });
-  }, [relayActor, onBlur]), handleOnBeforeInput = useCallback((event_5) => {
+  }, $[96] = onBlur, $[97] = relayActor, $[98] = t21) : t21 = $[98];
+  const handleOnBlur = t21;
+  let t22;
+  $[99] !== onBeforeInput ? (t22 = (event_5) => {
     onBeforeInput && onBeforeInput(event_5);
-  }, [onBeforeInput]), validateSelection = useCallback(() => {
-    if (!slateEditor.selection)
-      return;
-    const root = ReactEditor.findDocumentOrShadowRoot(slateEditor), {
-      activeElement
-    } = root;
-    if (ref.current !== 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("DOM range out of sync, validating selection"), domSelection?.removeAllRanges(), domSelection.addRange(newDOMRange));
-    } catch {
-      debug("Could not resolve selection, selecting top document"), Transforms.deselect(slateEditor), slateEditor.children.length > 0 && Transforms.select(slateEditor, [0, 0]), slateEditor.onChange();
-    }
-  }, [ref, slateEditor]);
-  useEffect(() => {
-    if (editableElement) {
-      const mutationObserver = new MutationObserver(validateSelection);
-      return mutationObserver.observe(editableElement, {
-        attributeOldValue: !1,
-        attributes: !1,
-        characterData: !1,
-        childList: !0,
-        subtree: !0
-      }), () => {
-        mutationObserver.disconnect();
-      };
-    }
-  }, [validateSelection, editableElement]);
-  const handleKeyDown = useCallback((event_6) => {
+  }, $[99] = onBeforeInput, $[100] = t22) : t22 = $[100];
+  const handleOnBeforeInput = t22;
+  let t23;
+  $[101] !== editorActor || $[102] !== props || $[103] !== slateEditor ? (t23 = (event_6) => {
     props.onKeyDown && props.onKeyDown(event_6), event_6.isDefaultPrevented() || slateEditor.pteWithHotKeys(event_6), event_6.isDefaultPrevented() || editorActor.send({
       type: "behavior event",
       behaviorEvent: {
@@ -11681,7 +11697,10 @@ const debug = debugWithName("component:Editable"), PortableTextEditable = forwar
       editor: slateEditor,
       nativeEvent: event_6
     });
-  }, [props, editorActor, slateEditor]), handleKeyUp = useCallback((event_7) => {
+  }, $[101] = editorActor, $[102] = props, $[103] = slateEditor, $[104] = t23) : t23 = $[104];
+  const handleKeyDown = t23;
+  let t24;
+  $[105] !== editorActor || $[106] !== props || $[107] !== slateEditor ? (t24 = (event_7) => {
     props.onKeyUp && props.onKeyUp(event_7), event_7.isDefaultPrevented() || editorActor.send({
       type: "behavior event",
       behaviorEvent: {
@@ -11698,16 +11717,27 @@ const debug = debugWithName("component:Editable"), PortableTextEditable = forwar
       editor: slateEditor,
       nativeEvent: event_7
     });
-  }, [props, editorActor, slateEditor]), scrollSelectionIntoViewToSlate = useMemo(() => {
-    if (scrollSelectionIntoView !== void 0)
-      return scrollSelectionIntoView === null ? noop : (_editor, domRange) => {
-        scrollSelectionIntoView(portableTextEditor, domRange);
-      };
-  }, [portableTextEditor, scrollSelectionIntoView]);
-  useEffect(() => {
-    ref.current = ReactEditor.toDOMNode(slateEditor, slateEditor), setEditableElement(ref.current);
-  }, [slateEditor, ref]), useEffect(() => {
-    const window_0 = ReactEditor.getWindow(slateEditor), onDragEnd_0 = () => {
+  }, $[105] = editorActor, $[106] = props, $[107] = slateEditor, $[108] = t24) : t24 = $[108];
+  const handleKeyUp = t24;
+  let t25;
+  bb1: {
+    if (scrollSelectionIntoView === void 0) {
+      t25 = void 0;
+      break bb1;
+    }
+    if (scrollSelectionIntoView === null) {
+      t25 = noop;
+      break bb1;
+    }
+    let t262;
+    $[109] !== portableTextEditor || $[110] !== scrollSelectionIntoView ? (t262 = (_editor, domRange) => {
+      scrollSelectionIntoView(portableTextEditor, domRange);
+    }, $[109] = portableTextEditor, $[110] = scrollSelectionIntoView, $[111] = t262) : t262 = $[111], t25 = t262;
+  }
+  const scrollSelectionIntoViewToSlate = t25;
+  let t26, t27;
+  $[112] !== editorActor || $[113] !== slateEditor ? (t26 = () => {
+    const window2 = ReactEditor.getWindow(slateEditor), onDragEnd_0 = () => {
       editorActor.send({
         type: "dragend"
       });
@@ -11716,11 +11746,12 @@ const debug = debugWithName("component:Editable"), PortableTextEditable = forwar
         type: "drop"
       });
     };
-    return window_0.document.addEventListener("dragend", onDragEnd_0), window_0.document.addEventListener("drop", onDrop_0), () => {
-      window_0.document.removeEventListener("dragend", onDragEnd_0), window_0.document.removeEventListener("drop", onDrop_0);
+    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);
     };
-  }, [slateEditor, editorActor]);
-  const handleDragStart = useCallback((event_8) => {
+  }, 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) => {
     if (onDragStart?.(event_8), event_8.isDefaultPrevented() || event_8.isPropagationStopped())
       return;
     const position_4 = getEventPosition({
@@ -11748,7 +11779,10 @@ const debug = debugWithName("component:Editable"), PortableTextEditable = forwar
       },
       editor: slateEditor
     }), !0;
-  }, [onDragStart, editorActor, slateEditor]), handleDrag = useCallback((event_9) => {
+  }, $[116] = editorActor, $[117] = onDragStart, $[118] = slateEditor, $[119] = t28) : t28 = $[119];
+  const handleDragStart = t28;
+  let t29;
+  $[120] !== editorActor || $[121] !== onDrag || $[122] !== slateEditor ? (t29 = (event_9) => {
     if (onDrag?.(event_9), !(event_9.isDefaultPrevented() || event_9.isPropagationStopped() || !getEventPosition({
       editorActor,
       slateEditor,
@@ -11764,7 +11798,10 @@ const debug = debugWithName("component:Editable"), PortableTextEditable = forwar
         },
         editor: slateEditor
       }), !0;
-  }, [onDrag, editorActor, slateEditor]), handleDragEnd = useCallback((event_10) => {
+  }, $[120] = editorActor, $[121] = onDrag, $[122] = slateEditor, $[123] = t29) : t29 = $[123];
+  const handleDrag = t29;
+  let t30;
+  $[124] !== editorActor || $[125] !== onDragEnd || $[126] !== slateEditor ? (t30 = (event_10) => {
     if (onDragEnd?.(event_10), !(event_10.isDefaultPrevented() || event_10.isPropagationStopped()))
       return editorActor.send({
         type: "behavior event",
@@ -11776,7 +11813,10 @@ const debug = debugWithName("component:Editable"), PortableTextEditable = forwar
         },
         editor: slateEditor
       }), !0;
-  }, [onDragEnd, editorActor, slateEditor]), handleDragEnter = useCallback((event_11) => {
+  }, $[124] = editorActor, $[125] = onDragEnd, $[126] = slateEditor, $[127] = t30) : t30 = $[127];
+  const handleDragEnd = t30;
+  let t31;
+  $[128] !== editorActor || $[129] !== onDragEnter || $[130] !== slateEditor ? (t31 = (event_11) => {
     if (onDragEnter?.(event_11), event_11.isDefaultPrevented() || event_11.isPropagationStopped())
       return;
     const position_6 = getEventPosition({
@@ -11796,7 +11836,10 @@ const debug = debugWithName("component:Editable"), PortableTextEditable = forwar
         },
         editor: slateEditor
       }), !0;
-  }, [onDragEnter, editorActor, slateEditor]), handleDragOver = useCallback((event_12) => {
+  }, $[128] = editorActor, $[129] = onDragEnter, $[130] = slateEditor, $[131] = t31) : t31 = $[131];
+  const handleDragEnter = t31;
+  let t32;
+  $[132] !== editorActor || $[133] !== onDragOver || $[134] !== slateEditor ? (t32 = (event_12) => {
     if (onDragOver?.(event_12), event_12.isDefaultPrevented() || event_12.isPropagationStopped())
       return;
     const position_7 = getEventPosition({
@@ -11818,7 +11861,10 @@ const debug = debugWithName("component:Editable"), PortableTextEditable = forwar
         editor: slateEditor,
         nativeEvent: event_12
       }), !0;
-  }, [onDragOver, editorActor, slateEditor]), handleDrop = useCallback((event_13) => {
+  }, $[132] = editorActor, $[133] = onDragOver, $[134] = slateEditor, $[135] = t32) : t32 = $[135];
+  const handleDragOver = t32;
+  let t33;
+  $[136] !== editorActor || $[137] !== onDrop || $[138] !== slateEditor ? (t33 = (event_13) => {
     if (onDrop?.(event_13), event_13.isDefaultPrevented() || event_13.isPropagationStopped())
       return;
     const position_8 = getEventPosition({
@@ -11843,7 +11889,10 @@ const debug = debugWithName("component:Editable"), PortableTextEditable = forwar
       editor: slateEditor,
       nativeEvent: event_13
     }), !0;
-  }, [onDrop, editorActor, slateEditor]), handleDragLeave = useCallback((event_14) => {
+  }, $[136] = editorActor, $[137] = onDrop, $[138] = slateEditor, $[139] = t33) : t33 = $[139];
+  const handleDrop = t33;
+  let t34;
+  $[140] !== editorActor || $[141] !== onDragLeave || $[142] !== slateEditor ? (t34 = (event_14) => {
     if (onDragLeave?.(event_14), !(event_14.isDefaultPrevented() || event_14.isPropagationStopped() || !getEventPosition({
       editorActor,
       slateEditor,
@@ -11859,41 +11908,66 @@ const debug = debugWithName("component:Editable"), PortableTextEditable = forwar
         },
         editor: slateEditor
       }), !0;
-  }, [onDragLeave, editorActor, slateEditor]);
-  return portableTextEditor ? hasInvalidValue ? null : /* @__PURE__ */ jsx(
-    Editable,
-    {
-      ...restProps,
-      "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
+  }, $[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) {
+      const mutationObserver = new MutationObserver(() => {
+        validateSelection(slateEditor, node);
+      });
+      return mutationObserver.observe(node, {
+        attributeOldValue: !1,
+        attributes: !1,
+        characterData: !1,
+        childList: !0,
+        subtree: !0
+      }), () => {
+        mutationObserver.disconnect();
+      };
     }
-  ) : null;
+  }, $[144] = forwardedRef, $[145] = slateEditor, $[146] = t35) : t35 = $[146];
+  const callbackRef = t35;
+  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;
 });
 PortableTextEditable.displayName = "ForwardRef(PortableTextEditable)";
+function validateSelection(slateEditor, activeElement) {
+  if (!slateEditor.selection)
+    return;
+  const root = ReactEditor.findDocumentOrShadowRoot(slateEditor);
+  if (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("DOM range out of sync, validating selection"), domSelection?.removeAllRanges(), domSelection.addRange(newDOMRange));
+  } catch {
+    debug("Could not resolve selection, selecting top document"), Transforms.deselect(slateEditor), slateEditor.children.length > 0 && Transforms.select(slateEditor, [0, 0]), slateEditor.onChange();
+  }
+}
+function _temp(s) {
+  return s.matches({
+    "edit mode": "read only"
+  });
+}
+function _temp2(s_0) {
+  return s_0.context.decorate?.fn;
+}
+function _temp3(props_0) {
+  return /* @__PURE__ */ jsx(RenderText, { ...props_0 });
+}
+function _temp4(o) {
+  return o.type === "set_selection";
+}
+function _temp5(error) {
+  return console.warn(error), error;
+}
 function useConstant(factory) {
   const ref = React.useRef(null);
   return ref.current || (ref.current = {