@portabletext/editor 7.5.0 → 7.5.2

package/lib/index.js

@@ -9,12 +9,12 @@ import { isSpan, isTextBlock, compileSchema } from "@portabletext/schema";
 import { defineSchema } from "@portabletext/schema";
 import scrollIntoView from "scroll-into-view-if-needed";
 import { createKeyboardShortcut, undo, redo, code, underline, italic as italic$1, bold as bold$1 } from "@portabletext/keyboard-shortcuts";
-import { rangesOverlap, isSelectionCollapsed as isSelectionCollapsed$1, getFocusInlineObject, getFocusTextBlock, getFocusSpan, getFragment, isSelectionExpanded, getSelectionStartBlock, getSelectionEndBlock, isOverlappingSelection, getFocusBlock, getSelectedBlocks, isSelectingEntireBlocks, getSelectedValue, isActiveAnnotation, getActiveAnnotationsMarks, getActiveDecorators, getCaretWordSelection, getSelectionStartChild, getSelectionEndChild, getPreviousSpan, getNextSpan, getSelectionStartPoint, getSelectionEndPoint, getFocusBlockObject, getLastBlock, getFirstBlock, isAtTheEndOfBlock, isAtTheStartOfBlock, getMarkState, getFocusListBlock, getNextBlock, getPreviousBlock, getSelectedTextBlocks, getRootAcceptedTypes, isActiveDecorator, getFocusChild, getActiveAnnotations, isActiveListItem, isActiveStyle } from "./_chunks-es/selector.is-at-the-start-of-block.js";
+import { rangesOverlap, getFocusInlineObject, isSelectionCollapsed as isSelectionCollapsed$1, getFocusTextBlock, getFocusSpan, getFragment, isSelectionExpanded, getSelectionStartBlock, getSelectionEndBlock, isOverlappingSelection, getFocusBlock, getSelectedBlocks, isSelectingEntireBlocks, getSelectedValue, isActiveAnnotation, getActiveAnnotationsMarks, getActiveDecorators, getCaretWordSelection, getSelectionStartChild, getSelectionEndChild, getPreviousSpan, getNextSpan, getSelectionStartPoint, getSelectionEndPoint, getFocusBlockObject, getLastBlock, getFirstBlock, isAtTheEndOfBlock, isAtTheStartOfBlock, getMarkState, getFocusListBlock, getNextBlock, getPreviousBlock, getSelectedTextBlocks, getRootAcceptedTypes, isActiveDecorator, getFocusChild, getActiveAnnotations, isActiveListItem, isActiveStyle } from "./_chunks-es/selector.is-at-the-start-of-block.js";
 import { isEqualSelectionPoints, blockOffsetToSpanSelectionPoint, getBlockKeyFromSelectionPoint, getBlockEndPoint, getBlockStartPoint, isSelectionCollapsed, defaultKeyGenerator, parseBlocks, parseBlock, isListBlock, getSelectionStartPoint as getSelectionStartPoint$1, getSelectionEndPoint as getSelectionEndPoint$1, parseAnnotation, parseMarkDefs, parseSpan, parseInlineObject } from "./_chunks-es/util.slice-blocks.js";
 import rawDebug from "debug";
 import { isEmptyTextBlock, getTextBlockText } from "./_chunks-es/util.is-empty-text-block.js";
-import { setup, fromCallback, assign, and, assertEvent, enqueueActions, emit, not, raise as raise$1, createActor } from "xstate";
 import { defineBehavior, forward, raise, effect } from "./behaviors/index.js";
+import { setup, fromCallback, assign, and, assertEvent, enqueueActions, emit, not, raise as raise$1, createActor } from "xstate";
 import { htmlToPortableText } from "@portabletext/html";
 import { toHTML } from "@portabletext/to-html";
 import { markdownToPortableText, portableTextToMarkdown } from "@portabletext/markdown";
@@ -2268,7 +2268,7 @@ const DecorateContext = createContext({}), useDecorations = (node, path2, parent
   const eventListeners = useRef(t0), latestDecorate = useRef(decorateProp);
   let t1, t2;
   $[1] !== decorateProp ? (t1 = () => {
-    latestDecorate.current = decorateProp, eventListeners.current.forEach(_temp$3);
+    latestDecorate.current = decorateProp, eventListeners.current.forEach(_temp$4);
   }, t2 = [decorateProp], $[1] = decorateProp, $[2] = t1, $[3] = t2) : (t1 = $[2], t2 = $[3]), useIsomorphicLayoutEffect(t1, t2);
   let t3;
   $[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = (entry) => latestDecorate.current(entry), $[4] = t3) : t3 = $[4];
@@ -2284,7 +2284,7 @@ const DecorateContext = createContext({}), useDecorations = (node, path2, parent
     addEventListener
   }, $[6] = t5) : t5 = $[6], t5;
 };
-function _temp$3(listener) {
+function _temp$4(listener) {
   listener();
 }
 const rtlRange = "\u0591-\u07FF\uFB1D-\uFDFD\uFE70-\uFEFC", ltrRange = "A-Za-z\xC0-\xD6\xD8-\xF6\xF8-\u02B8\u0300-\u0590\u0800-\u1FFF\u200E\u2C00-\uFB1C\uFE00-\uFE6F\uFEFD-\uFFFF", rtl = new RegExp(`^[^${ltrRange}]*[${rtlRange}]`), ltr = new RegExp(`^[^${rtlRange}]*[${ltrRange}]`);
@@ -4086,6 +4086,22 @@ function getEventPosition({
     editorEngine,
     event
   }), eventSelection = getSelectionFromEvent(editorEngine, event) ?? null;
+  if (eventBlockPath && eventPositionBlock && !eventSelection && isLeafObject(editorEngine.snapshot, eventNode, eventPath) && eventPath.length > eventBlockPath.length)
+    return {
+      block: eventPositionBlock,
+      isEditor: !1,
+      isContainer: !1,
+      selection: {
+        anchor: {
+          path: eventPath,
+          offset: 0
+        },
+        focus: {
+          path: eventPath,
+          offset: 0
+        }
+      }
+    };
   if (eventBlock && eventBlockPath && eventPositionBlock && !eventSelection && !isEventContainer(editorEngine, eventNode, eventPath))
     return {
       block: eventPositionBlock,
@@ -4228,7 +4244,230 @@ function getSelectionFromEvent(editor, event) {
 function isEventContainer(editorEngine, eventNode, eventPath) {
   return isEditor(eventNode) ? !0 : isEditableContainer(editorEngine.snapshot, eventNode, eventPath);
 }
-const EditorActorContext = createContext({}), IS_MAC = typeof window < "u" && /Mac|iPod|iPhone|iPad/.test(window.navigator.userAgent), modifiers = {
+function createEditorPriority(config) {
+  return {
+    id: defaultKeyGenerator(),
+    name: config?.name,
+    reference: config?.reference
+  };
+}
+const corePriority = createEditorPriority({
+  name: "core"
+});
+function getDragSelection({
+  eventSelection,
+  snapshot
+}) {
+  let dragSelection = eventSelection;
+  if (getFocusInlineObject({
+    ...snapshot,
+    context: {
+      ...snapshot.context,
+      selection: eventSelection
+    }
+  }))
+    return dragSelection;
+  const draggingCollapsedSelection = isSelectionCollapsed$1({
+    context: {
+      ...snapshot.context,
+      selection: eventSelection
+    }
+  }), draggedTextBlock = getFocusTextBlock({
+    ...snapshot,
+    context: {
+      ...snapshot.context,
+      selection: eventSelection
+    }
+  }), draggedSpan = getFocusSpan({
+    ...snapshot,
+    context: {
+      ...snapshot.context,
+      selection: eventSelection
+    }
+  });
+  draggingCollapsedSelection && draggedTextBlock && draggedSpan && (dragSelection = {
+    anchor: getBlockStartPoint({
+      context: snapshot.context,
+      block: draggedTextBlock
+    }),
+    focus: getBlockEndPoint({
+      context: snapshot.context,
+      block: draggedTextBlock
+    })
+  });
+  const selectedBlocks = getFragment(snapshot);
+  if (snapshot.context.selection && isSelectionExpanded(snapshot) && selectedBlocks.length > 1) {
+    const selectionStartBlock = getSelectionStartBlock(snapshot), selectionEndBlock = getSelectionEndBlock(snapshot);
+    if (!selectionStartBlock || !selectionEndBlock)
+      return dragSelection;
+    const selectionStartPoint = getBlockStartPoint({
+      context: snapshot.context,
+      block: selectionStartBlock
+    }), selectionEndPoint = getBlockEndPoint({
+      context: snapshot.context,
+      block: selectionEndBlock
+    });
+    isOverlappingSelection(eventSelection)({
+      ...snapshot,
+      context: {
+        ...snapshot.context,
+        selection: {
+          anchor: selectionStartPoint,
+          focus: selectionEndPoint
+        }
+      }
+    }) && (dragSelection = {
+      anchor: selectionStartPoint,
+      focus: selectionEndPoint
+    });
+  }
+  return dragSelection;
+}
+function createDropPositionBehaviorsConfig({
+  setDropPosition
+}) {
+  return [{
+    behavior: defineBehavior({
+      on: "drag.dragover",
+      guard: ({
+        snapshot,
+        event
+      }) => {
+        const dropFocusBlock = getFocusBlock({
+          ...snapshot,
+          context: {
+            ...snapshot.context,
+            selection: event.position.selection
+          }
+        });
+        if (!dropFocusBlock)
+          return !1;
+        const dragOrigin = event.dragOrigin;
+        if (!dragOrigin)
+          return !1;
+        const dragSelection = getDragSelection({
+          eventSelection: dragOrigin.selection,
+          snapshot
+        });
+        return getSelectedBlocks({
+          ...snapshot,
+          context: {
+            ...snapshot.context,
+            selection: dragSelection
+          }
+        }).some((draggedBlock) => draggedBlock.node._key === dropFocusBlock.node._key) || !isSelectingEntireBlocks({
+          ...snapshot,
+          context: {
+            ...snapshot.context,
+            selection: dragSelection
+          }
+        }) ? !1 : {
+          dropFocusBlock
+        };
+      },
+      actions: [({
+        event
+      }, {
+        dropFocusBlock
+      }) => [{
+        type: "effect",
+        effect: () => {
+          setDropPosition({
+            path: dropFocusBlock.path,
+            position: event.position.block
+          });
+        }
+      }]]
+    }),
+    priority: createEditorPriority({
+      reference: {
+        priority: corePriority,
+        importance: "lower"
+      }
+    })
+  }, {
+    behavior: defineBehavior({
+      on: "drag.*",
+      guard: ({
+        event
+      }) => event.type !== "drag.dragover",
+      actions: [({
+        event
+      }) => [{
+        type: "effect",
+        effect: () => {
+          setDropPosition(void 0);
+        }
+      }, forward(event)]]
+    }),
+    priority: createEditorPriority({
+      reference: {
+        priority: corePriority,
+        importance: "lower"
+      }
+    })
+  }];
+}
+const EditorActorContext = createContext({});
+function resolveElementDropPosition(dropPosition, elementPath) {
+  if (dropPosition && pathEquals(dropPosition.path, elementPath))
+    return dropPosition.position;
+}
+const defaultStore$1 = {
+  subscribe: () => () => {
+  },
+  getSnapshot: () => {
+  }
+}, DropPositionStoreContext = createContext(defaultStore$1);
+function DropPositionStateProvider(t0) {
+  const $ = c(6), {
+    children
+  } = t0, editorActor = useContext(EditorActorContext), [initialSubscribers] = useState(_temp$3), subscribersRef = useRef(initialSubscribers), stateRef = useRef(void 0);
+  let t1, t2;
+  $[0] !== editorActor ? (t1 = () => {
+    const behaviorConfigs = createDropPositionBehaviorsConfig({
+      setDropPosition: (next) => {
+        const prev = stateRef.current;
+        if (!(prev === next || prev !== void 0 && next !== void 0 && prev.position === next.position && pathEquals(prev.path, next.path))) {
+          stateRef.current = next;
+          for (const callback of subscribersRef.current)
+            callback();
+        }
+      }
+    });
+    for (const behaviorConfig of behaviorConfigs)
+      editorActor.send({
+        type: "add behavior",
+        behaviorConfig
+      });
+    return () => {
+      for (const behaviorConfig_0 of behaviorConfigs)
+        editorActor.send({
+          type: "remove behavior",
+          behaviorConfig: behaviorConfig_0
+        });
+    };
+  }, t2 = [editorActor], $[0] = editorActor, $[1] = t1, $[2] = t2) : (t1 = $[1], t2 = $[2]), useEffect(t1, t2);
+  let t3;
+  $[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = {
+    subscribe: (callback_0) => (subscribersRef.current.add(callback_0), () => {
+      subscribersRef.current.delete(callback_0);
+    }),
+    getSnapshot: () => stateRef.current
+  }, $[3] = t3) : t3 = $[3];
+  const store = t3;
+  let t4;
+  return $[4] !== children ? (t4 = /* @__PURE__ */ jsx(DropPositionStoreContext.Provider, { value: store, children }), $[4] = children, $[5] = t4) : t4 = $[5], t4;
+}
+function _temp$3() {
+  return /* @__PURE__ */ new Set();
+}
+function useElementDropPosition(path2) {
+  const $ = c(3), store = useContext(DropPositionStoreContext);
+  let t0;
+  return $[0] !== path2 || $[1] !== store ? (t0 = () => resolveElementDropPosition(store.getSnapshot(), path2), $[0] = path2, $[1] = store, $[2] = t0) : t0 = $[2], useSyncExternalStore(store.subscribe, t0);
+}
+const IS_MAC = typeof window < "u" && /Mac|iPod|iPhone|iPad/.test(window.navigator.userAgent), modifiers = {
   alt: "altKey",
   control: "ctrlKey",
   meta: "metaKey",
@@ -4945,7 +5184,7 @@ function RenderBlockObject(props) {
   const $ = c(50), blockObjectRef = useRef(null);
   let t0;
   $[0] !== props.path ? (t0 = serializePath(props.path), $[0] = props.path, $[1] = t0) : t0 = $[1];
-  const serializedPath = t0, selected = useIsSelectedLeaf(serializedPath), focused = useIsFocusedLeaf(serializedPath);
+  const serializedPath = t0, selected = useIsSelectedLeaf(serializedPath), focused = useIsFocusedLeaf(serializedPath), dropPosition = useElementDropPosition(props.path);
   let t1;
   if ($[2] !== props.element || $[3] !== props.schema.blockObjects) {
     let t22;
@@ -5010,12 +5249,12 @@ function RenderBlockObject(props) {
   }, $[33] = props.attributes, $[34] = props.element._key, $[35] = props.element._type, $[36] = t3) : t3 = $[36];
   const attributes = t3;
   let t4;
-  $[37] !== props.dropPosition ? (t4 = props.dropPosition === "start" ? /* @__PURE__ */ jsx(DropIndicator, {}) : null, $[37] = props.dropPosition, $[38] = t4) : t4 = $[38];
+  $[37] !== dropPosition ? (t4 = dropPosition === "start" ? /* @__PURE__ */ jsx(DropIndicator, {}) : null, $[37] = dropPosition, $[38] = t4) : t4 = $[38];
   const t5 = !props.readOnly;
   let t6;
   $[39] !== innerContent || $[40] !== t5 ? (t6 = /* @__PURE__ */ jsx("div", { ref: blockObjectRef, contentEditable: !1, draggable: t5, children: innerContent }), $[39] = innerContent, $[40] = t5, $[41] = t6) : t6 = $[41];
   let t7;
-  $[42] !== props.dropPosition ? (t7 = props.dropPosition === "end" ? /* @__PURE__ */ jsx(DropIndicator, {}) : null, $[42] = props.dropPosition, $[43] = t7) : t7 = $[43];
+  $[42] !== dropPosition ? (t7 = dropPosition === "end" ? /* @__PURE__ */ jsx(DropIndicator, {}) : null, $[42] = dropPosition, $[43] = t7) : t7 = $[43];
   let t8;
   return $[44] !== attributes || $[45] !== props.children || $[46] !== t4 || $[47] !== t6 || $[48] !== t7 ? (t8 = /* @__PURE__ */ jsxs("div", { ...attributes, children: [
     t4,
@@ -5175,7 +5414,7 @@ function RenderTextBlock(props) {
   const schemaType = t1;
   let t2;
   $[5] !== props.path ? (t2 = serializePath(props.path), $[5] = props.path, $[6] = t2) : t2 = $[6];
-  const serializedPath = t2, selected = useIsSelectedContainer(serializedPath), focused = useIsFocusedContainer(serializedPath);
+  const serializedPath = t2, selected = useIsSelectedContainer(serializedPath), focused = useIsFocusedContainer(serializedPath), dropPosition = useElementDropPosition(props.path);
   let t3;
   $[7] !== serializedPath ? (t3 = (editor) => editor.listIndexMap.get(serializedPath), $[7] = serializedPath, $[8] = t3) : t3 = $[8];
   const listIndex = useEngineSelector(t3), subSchema = useBlockSubSchema(props.path);
@@ -5238,7 +5477,7 @@ function RenderTextBlock(props) {
     "data-list-index": listIndex
   } : {}, $[52] = listIndex, $[53] = t12) : t12 = $[53];
   let t13;
-  $[54] !== props.dropPosition ? (t13 = props.dropPosition === "start" ? /* @__PURE__ */ jsx(DropIndicator, {}) : null, $[54] = props.dropPosition, $[55] = t13) : t13 = $[55];
+  $[54] !== dropPosition ? (t13 = dropPosition === "start" ? /* @__PURE__ */ jsx(DropIndicator, {}) : null, $[54] = dropPosition, $[55] = t13) : t13 = $[55];
   let t14;
   $[56] !== children || $[57] !== focused || $[58] !== props.legacy.renderBlock || $[59] !== props.textBlock || $[60] !== schemaType || $[61] !== selected ? (t14 = props.legacy.renderBlock ? /* @__PURE__ */ jsx(RenderBlock, { renderBlock: props.legacy.renderBlock, editorElementRef: blockRef, focused, level: props.textBlock.level, listItem: props.textBlock.listItem, path: [{
     _key: props.textBlock._key
@@ -5246,7 +5485,7 @@ function RenderTextBlock(props) {
   let t15;
   $[63] !== t14 ? (t15 = /* @__PURE__ */ jsx("div", { ref: blockRef, children: t14 }), $[63] = t14, $[64] = t15) : t15 = $[64];
   let t16;
-  $[65] !== props.dropPosition ? (t16 = props.dropPosition === "end" ? /* @__PURE__ */ jsx(DropIndicator, {}) : null, $[65] = props.dropPosition, $[66] = t16) : t16 = $[66];
+  $[65] !== dropPosition ? (t16 = dropPosition === "end" ? /* @__PURE__ */ jsx(DropIndicator, {}) : null, $[65] = dropPosition, $[66] = t16) : t16 = $[66];
   let t17;
   return $[67] !== props.attributes || $[68] !== props.textBlock._key || $[69] !== props.textBlock._type || $[70] !== t10 || $[71] !== t11 || $[72] !== t12 || $[73] !== t13 || $[74] !== t15 || $[75] !== t16 || $[76] !== t8 || $[77] !== t9 ? (t17 = /* @__PURE__ */ jsxs("div", { ...t4, className: t8, "data-block-key": props.textBlock._key, "data-block-name": props.textBlock._type, "data-block-type": "text", "data-pt-block": "text", ...t9, ...t10, ...t11, ...t12, children: [
     t13,
@@ -5326,10 +5565,6 @@ function RenderStyle({
     value
   });
 }
-function resolveElementDropPosition(dropPosition, elementPath) {
-  if (dropPosition && pathEquals(dropPosition.path, elementPath))
-    return dropPosition.position;
-}
 function tupleRefEqual(previous, next) {
   if (previous === null || previous.length !== next.length)
     return !1;
@@ -5339,7 +5574,7 @@ function tupleRefEqual(previous, next) {
   return !0;
 }
 function RenderElement(props) {
-  const $ = c(84), parentContainer = useContext(ParentContainerContext), parentTextBlock = useContext(ParentTextBlockContext), isInNewPipeline = useContext(NewPipelineContext), engineStatic = useEngineStatic(), schema = props.schema, type = props.element._type;
+  const $ = c(75), parentContainer = useContext(ParentContainerContext), parentTextBlock = useContext(ParentTextBlockContext), isInNewPipeline = useContext(NewPipelineContext), engineStatic = useEngineStatic(), schema = props.schema, type = props.element._type;
   let t0;
   $[0] !== parentContainer || $[1] !== type ? (t0 = findBlockPositionalOverride(parentContainer, type), $[0] = parentContainer, $[1] = type, $[2] = t0) : t0 = $[2];
   const blockPositionalOverride = t0;
@@ -5421,14 +5656,14 @@ function RenderElement(props) {
   if (containerConfig) {
     let t82;
     $[8] !== containerConfig || $[9] !== props.attributes || $[10] !== props.children || $[11] !== props.element || $[12] !== props.path || $[13] !== props.readOnly ? (t82 = /* @__PURE__ */ jsx(RenderContainer, { attributes: props.attributes, element: props.element, containerConfig, path: props.path, readOnly: props.readOnly, children: props.children }), $[8] = containerConfig, $[9] = props.attributes, $[10] = props.children, $[11] = props.element, $[12] = props.path, $[13] = props.readOnly, $[14] = t82) : t82 = $[14];
-    let t92;
-    return $[15] !== containerConfig || $[16] !== t82 ? (t92 = /* @__PURE__ */ jsx(ParentContainerContext.Provider, { value: containerConfig, children: t82 }), $[15] = containerConfig, $[16] = t82, $[17] = t92) : t92 = $[17], t92;
+    let t9;
+    return $[15] !== containerConfig || $[16] !== t82 ? (t9 = /* @__PURE__ */ jsx(ParentContainerContext.Provider, { value: containerConfig, children: t82 }), $[15] = containerConfig, $[16] = t82, $[17] = t9) : t9 = $[17], t9;
   }
   if (isTextBlock({
     schema
   }, props.element)) {
     let rendered;
-    if ($[18] !== isInNewPipeline || $[19] !== props.attributes || $[20] !== props.children || $[21] !== props.dropPosition || $[22] !== props.element || $[23] !== props.legacy || $[24] !== props.path || $[25] !== props.readOnly || $[26] !== renderableTextBlockConfig || $[27] !== schema) {
+    if ($[18] !== isInNewPipeline || $[19] !== props.attributes || $[20] !== props.children || $[21] !== props.element || $[22] !== props.legacy || $[23] !== props.path || $[24] !== props.readOnly || $[25] !== renderableTextBlockConfig || $[26] !== schema) {
       const {
         "data-slate-node": _sn,
         ...rest
@@ -5447,80 +5682,74 @@ function RenderElement(props) {
           children: props.children
         });
       else {
-        const t82 = props.attributes;
-        let t92;
-        $[29] !== props.dropPosition || $[30] !== props.path ? (t92 = resolveElementDropPosition(props.dropPosition, props.path), $[29] = props.dropPosition, $[30] = props.path, $[31] = t92) : t92 = $[31];
-        let t102;
-        $[32] !== props.attributes || $[33] !== props.children || $[34] !== props.element || $[35] !== props.legacy || $[36] !== props.path || $[37] !== props.readOnly || $[38] !== schema || $[39] !== t92 ? (t102 = /* @__PURE__ */ jsx(RenderTextBlock, { attributes: t82, dropPosition: t92, element: props.element, legacy: props.legacy, path: props.path, readOnly: props.readOnly, schema, textBlock: props.element, children: props.children }), $[32] = props.attributes, $[33] = props.children, $[34] = props.element, $[35] = props.legacy, $[36] = props.path, $[37] = props.readOnly, $[38] = schema, $[39] = t92, $[40] = t102) : t102 = $[40], rendered = t102;
+        let t82;
+        $[28] !== props.attributes || $[29] !== props.children || $[30] !== props.element || $[31] !== props.legacy || $[32] !== props.path || $[33] !== props.readOnly || $[34] !== schema ? (t82 = /* @__PURE__ */ jsx(RenderTextBlock, { attributes: props.attributes, element: props.element, legacy: props.legacy, path: props.path, readOnly: props.readOnly, schema, textBlock: props.element, children: props.children }), $[28] = props.attributes, $[29] = props.children, $[30] = props.element, $[31] = props.legacy, $[32] = props.path, $[33] = props.readOnly, $[34] = schema, $[35] = t82) : t82 = $[35], rendered = t82;
       }
-      $[18] = isInNewPipeline, $[19] = props.attributes, $[20] = props.children, $[21] = props.dropPosition, $[22] = props.element, $[23] = props.legacy, $[24] = props.path, $[25] = props.readOnly, $[26] = renderableTextBlockConfig, $[27] = schema, $[28] = rendered;
+      $[18] = isInNewPipeline, $[19] = props.attributes, $[20] = props.children, $[21] = props.element, $[22] = props.legacy, $[23] = props.path, $[24] = props.readOnly, $[25] = renderableTextBlockConfig, $[26] = schema, $[27] = rendered;
     } else
-      rendered = $[28];
+      rendered = $[27];
     if (textBlockScope) {
       let t82;
-      return $[41] !== rendered || $[42] !== textBlockScope ? (t82 = /* @__PURE__ */ jsx(ParentTextBlockContext.Provider, { value: textBlockScope, children: rendered }), $[41] = rendered, $[42] = textBlockScope, $[43] = t82) : t82 = $[43], t82;
+      return $[36] !== rendered || $[37] !== textBlockScope ? (t82 = /* @__PURE__ */ jsx(ParentTextBlockContext.Provider, { value: textBlockScope, children: rendered }), $[36] = rendered, $[37] = textBlockScope, $[38] = t82) : t82 = $[38], t82;
     }
     return rendered;
   }
   if (isInline(engineStatic.snapshot, props.path)) {
     if (isInNewPipeline && !inlineObjectConfig) {
       let rest_0;
-      if ($[44] !== props.attributes) {
+      if ($[39] !== props.attributes) {
         const {
           "data-slate-node": _sn_0,
           "data-slate-void": _sv,
           ...t84
         } = props.attributes;
-        rest_0 = t84, $[44] = props.attributes, $[45] = rest_0;
+        rest_0 = t84, $[39] = props.attributes, $[40] = rest_0;
       } else
-        rest_0 = $[45];
+        rest_0 = $[40];
       let t83;
-      $[46] !== props.element._key || $[47] !== props.element._type ? (t83 = /* @__PURE__ */ jsxs("span", { contentEditable: !1, children: [
+      $[41] !== props.element._key || $[42] !== props.element._type ? (t83 = /* @__PURE__ */ jsxs("span", { contentEditable: !1, children: [
         "[",
         props.element._type,
         ": ",
         props.element._key,
         "]"
-      ] }), $[46] = props.element._key, $[47] = props.element._type, $[48] = t83) : t83 = $[48];
-      let t92;
-      return $[49] !== props.children || $[50] !== rest_0 || $[51] !== t83 ? (t92 = /* @__PURE__ */ jsxs("span", { ...rest_0, "data-pt-inline": "object", children: [
+      ] }), $[41] = props.element._key, $[42] = props.element._type, $[43] = t83) : t83 = $[43];
+      let t9;
+      return $[44] !== props.children || $[45] !== rest_0 || $[46] !== t83 ? (t9 = /* @__PURE__ */ jsxs("span", { ...rest_0, "data-pt-inline": "object", children: [
         props.children,
         t83
-      ] }), $[49] = props.children, $[50] = rest_0, $[51] = t83, $[52] = t92) : t92 = $[52], t92;
+      ] }), $[44] = props.children, $[45] = rest_0, $[46] = t83, $[47] = t9) : t9 = $[47], t9;
     }
     let t82;
-    return $[53] !== inlineObjectConfig || $[54] !== props.attributes || $[55] !== props.children || $[56] !== props.element || $[57] !== props.legacy || $[58] !== props.path || $[59] !== props.readOnly || $[60] !== schema ? (t82 = /* @__PURE__ */ jsx(RenderInlineObject, { attributes: props.attributes, element: props.element, inlineObjectConfig, legacy: props.legacy, path: props.path, readOnly: props.readOnly, schema, children: props.children }), $[53] = inlineObjectConfig, $[54] = props.attributes, $[55] = props.children, $[56] = props.element, $[57] = props.legacy, $[58] = props.path, $[59] = props.readOnly, $[60] = schema, $[61] = t82) : t82 = $[61], t82;
+    return $[48] !== inlineObjectConfig || $[49] !== props.attributes || $[50] !== props.children || $[51] !== props.element || $[52] !== props.legacy || $[53] !== props.path || $[54] !== props.readOnly || $[55] !== schema ? (t82 = /* @__PURE__ */ jsx(RenderInlineObject, { attributes: props.attributes, element: props.element, inlineObjectConfig, legacy: props.legacy, path: props.path, readOnly: props.readOnly, schema, children: props.children }), $[48] = inlineObjectConfig, $[49] = props.attributes, $[50] = props.children, $[51] = props.element, $[52] = props.legacy, $[53] = props.path, $[54] = props.readOnly, $[55] = schema, $[56] = t82) : t82 = $[56], t82;
   }
   if (isInNewPipeline && !blockObjectConfig) {
     let rest_1;
-    if ($[62] !== props.attributes) {
+    if ($[57] !== props.attributes) {
       const {
         "data-slate-node": _sn_1,
         "data-slate-void": _sv_0,
         ...t83
       } = props.attributes;
-      rest_1 = t83, $[62] = props.attributes, $[63] = rest_1;
+      rest_1 = t83, $[57] = props.attributes, $[58] = rest_1;
     } else
-      rest_1 = $[63];
+      rest_1 = $[58];
     let t82;
-    $[64] !== props.element._key || $[65] !== props.element._type ? (t82 = /* @__PURE__ */ jsxs("div", { contentEditable: !1, children: [
+    $[59] !== props.element._key || $[60] !== props.element._type ? (t82 = /* @__PURE__ */ jsxs("div", { contentEditable: !1, children: [
       "[",
       props.element._type,
       ": ",
       props.element._key,
       "]"
-    ] }), $[64] = props.element._key, $[65] = props.element._type, $[66] = t82) : t82 = $[66];
-    let t92;
-    return $[67] !== props.children || $[68] !== rest_1 || $[69] !== t82 ? (t92 = /* @__PURE__ */ jsxs("div", { ...rest_1, "data-pt-block": "object", children: [
+    ] }), $[59] = props.element._key, $[60] = props.element._type, $[61] = t82) : t82 = $[61];
+    let t9;
+    return $[62] !== props.children || $[63] !== rest_1 || $[64] !== t82 ? (t9 = /* @__PURE__ */ jsxs("div", { ...rest_1, "data-pt-block": "object", children: [
       props.children,
       t82
-    ] }), $[67] = props.children, $[68] = rest_1, $[69] = t82, $[70] = t92) : t92 = $[70], t92;
+    ] }), $[62] = props.children, $[63] = rest_1, $[64] = t82, $[65] = t9) : t9 = $[65], t9;
   }
-  const t8 = props.attributes, t9 = props.element;
-  let t10;
-  $[71] !== props.dropPosition || $[72] !== props.path ? (t10 = resolveElementDropPosition(props.dropPosition, props.path), $[71] = props.dropPosition, $[72] = props.path, $[73] = t10) : t10 = $[73];
-  let t11;
-  return $[74] !== blockObjectConfig || $[75] !== props.attributes || $[76] !== props.children || $[77] !== props.element || $[78] !== props.legacy || $[79] !== props.path || $[80] !== props.readOnly || $[81] !== schema || $[82] !== t10 ? (t11 = /* @__PURE__ */ jsx(RenderBlockObject, { attributes: t8, blockObject: t9, dropPosition: t10, element: props.element, blockObjectConfig, legacy: props.legacy, path: props.path, readOnly: props.readOnly, schema, children: props.children }), $[74] = blockObjectConfig, $[75] = props.attributes, $[76] = props.children, $[77] = props.element, $[78] = props.legacy, $[79] = props.path, $[80] = props.readOnly, $[81] = schema, $[82] = t10, $[83] = t11) : t11 = $[83], t11;
+  let t8;
+  return $[66] !== blockObjectConfig || $[67] !== props.attributes || $[68] !== props.children || $[69] !== props.element || $[70] !== props.legacy || $[71] !== props.path || $[72] !== props.readOnly || $[73] !== schema ? (t8 = /* @__PURE__ */ jsx(RenderBlockObject, { attributes: props.attributes, blockObject: props.element, element: props.element, blockObjectConfig, legacy: props.legacy, path: props.path, readOnly: props.readOnly, schema, children: props.children }), $[66] = blockObjectConfig, $[67] = props.attributes, $[68] = props.children, $[69] = props.element, $[70] = props.legacy, $[71] = props.path, $[72] = props.readOnly, $[73] = schema, $[74] = t8) : t8 = $[74], t8;
 }
 function RenderTextBlockConfig(props) {
   const $ = c(11);
@@ -5733,191 +5962,6 @@ function RenderText(props) {
   let t0;
   return $[5] !== props.attributes || $[6] !== props.children || $[7] !== props.text._key || $[8] !== props.text._type ? (t0 = /* @__PURE__ */ jsx("span", { ...props.attributes, "data-child-key": props.text._key, "data-child-name": props.text._type, "data-child-type": "span", "data-pt-inline": "span", children: props.children }), $[5] = props.attributes, $[6] = props.children, $[7] = props.text._key, $[8] = props.text._type, $[9] = t0) : t0 = $[9], t0;
 }
-function createEditorPriority(config) {
-  return {
-    id: defaultKeyGenerator(),
-    name: config?.name,
-    reference: config?.reference
-  };
-}
-const corePriority = createEditorPriority({
-  name: "core"
-});
-function getDragSelection({
-  eventSelection,
-  snapshot
-}) {
-  let dragSelection = eventSelection;
-  if (getFocusInlineObject({
-    ...snapshot,
-    context: {
-      ...snapshot.context,
-      selection: eventSelection
-    }
-  }))
-    return dragSelection;
-  const draggingCollapsedSelection = isSelectionCollapsed$1({
-    context: {
-      ...snapshot.context,
-      selection: eventSelection
-    }
-  }), draggedTextBlock = getFocusTextBlock({
-    ...snapshot,
-    context: {
-      ...snapshot.context,
-      selection: eventSelection
-    }
-  }), draggedSpan = getFocusSpan({
-    ...snapshot,
-    context: {
-      ...snapshot.context,
-      selection: eventSelection
-    }
-  });
-  draggingCollapsedSelection && draggedTextBlock && draggedSpan && (dragSelection = {
-    anchor: getBlockStartPoint({
-      context: snapshot.context,
-      block: draggedTextBlock
-    }),
-    focus: getBlockEndPoint({
-      context: snapshot.context,
-      block: draggedTextBlock
-    })
-  });
-  const selectedBlocks = getFragment(snapshot);
-  if (snapshot.context.selection && isSelectionExpanded(snapshot) && selectedBlocks.length > 1) {
-    const selectionStartBlock = getSelectionStartBlock(snapshot), selectionEndBlock = getSelectionEndBlock(snapshot);
-    if (!selectionStartBlock || !selectionEndBlock)
-      return dragSelection;
-    const selectionStartPoint = getBlockStartPoint({
-      context: snapshot.context,
-      block: selectionStartBlock
-    }), selectionEndPoint = getBlockEndPoint({
-      context: snapshot.context,
-      block: selectionEndBlock
-    });
-    isOverlappingSelection(eventSelection)({
-      ...snapshot,
-      context: {
-        ...snapshot.context,
-        selection: {
-          anchor: selectionStartPoint,
-          focus: selectionEndPoint
-        }
-      }
-    }) && (dragSelection = {
-      anchor: selectionStartPoint,
-      focus: selectionEndPoint
-    });
-  }
-  return dragSelection;
-}
-function createDropPositionBehaviorsConfig({
-  setDropPosition
-}) {
-  return [{
-    behavior: defineBehavior({
-      on: "drag.dragover",
-      guard: ({
-        snapshot,
-        event
-      }) => {
-        const dropFocusBlock = getFocusBlock({
-          ...snapshot,
-          context: {
-            ...snapshot.context,
-            selection: event.position.selection
-          }
-        });
-        if (!dropFocusBlock)
-          return !1;
-        const dragOrigin = event.dragOrigin;
-        if (!dragOrigin)
-          return !1;
-        const dragSelection = getDragSelection({
-          eventSelection: dragOrigin.selection,
-          snapshot
-        });
-        return getSelectedBlocks({
-          ...snapshot,
-          context: {
-            ...snapshot.context,
-            selection: dragSelection
-          }
-        }).some((draggedBlock) => draggedBlock.node._key === dropFocusBlock.node._key) || !isSelectingEntireBlocks({
-          ...snapshot,
-          context: {
-            ...snapshot.context,
-            selection: dragSelection
-          }
-        }) ? !1 : {
-          dropFocusBlock
-        };
-      },
-      actions: [({
-        event
-      }, {
-        dropFocusBlock
-      }) => [{
-        type: "effect",
-        effect: () => {
-          setDropPosition({
-            path: dropFocusBlock.path,
-            position: event.position.block
-          });
-        }
-      }]]
-    }),
-    priority: createEditorPriority({
-      reference: {
-        priority: corePriority,
-        importance: "lower"
-      }
-    })
-  }, {
-    behavior: defineBehavior({
-      on: "drag.*",
-      guard: ({
-        event
-      }) => event.type !== "drag.dragover",
-      actions: [({
-        event
-      }) => [{
-        type: "effect",
-        effect: () => {
-          setDropPosition(void 0);
-        }
-      }, forward(event)]]
-    }),
-    priority: createEditorPriority({
-      reference: {
-        priority: corePriority,
-        importance: "lower"
-      }
-    })
-  }];
-}
-function useDropPosition() {
-  const $ = c(3), editorActor = useContext(EditorActorContext), [dropPosition, setDropPosition] = useState();
-  let t0, t1;
-  return $[0] !== editorActor ? (t0 = () => {
-    const behaviorConfigs = createDropPositionBehaviorsConfig({
-      setDropPosition
-    });
-    for (const behaviorConfig of behaviorConfigs)
-      editorActor.send({
-        type: "add behavior",
-        behaviorConfig
-      });
-    return () => {
-      for (const behaviorConfig_0 of behaviorConfigs)
-        editorActor.send({
-          type: "remove behavior",
-          behaviorConfig: behaviorConfig_0
-        });
-    };
-  }, t1 = [editorActor, setDropPosition], $[0] = editorActor, $[1] = t0, $[2] = t1) : (t0 = $[1], t1 = $[2]), useEffect(t0, t1), dropPosition;
-}
 const PortableTextEditorContext = createContext(null), usePortableTextEditor = () => {
   const editor = useContext(PortableTextEditorContext);
   if (!editor)
@@ -6001,7 +6045,7 @@ function validateSelection(editorEngine, editorElement) {
   }
 }
 const PortableTextEditable = forwardRef(function(props, forwardedRef) {
-  const $ = c(180);
+  const $ = c(179);
   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;
   $[0] !== props ? ({
     hotkeys,
@@ -6056,7 +6100,7 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
       skipSetup: t3
     }
   }, $[33] = editorEngine, $[34] = readOnly, $[35] = schema, $[36] = t1, $[37] = t3, $[38] = t4) : t4 = $[38];
-  const rangeDecorationsActor = useActorRef(rangeDecorationsMachine, t4), decorate = useSelector(rangeDecorationsActor, _temp2), dropPosition = useDropPosition();
+  const rangeDecorationsActor = useActorRef(rangeDecorationsMachine, t4), decorate = useSelector(rangeDecorationsActor, _temp2);
   let t5, t6;
   $[39] !== rangeDecorationsActor || $[40] !== readOnly ? (t5 = () => {
     rangeDecorationsActor.send({
@@ -6080,13 +6124,13 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
   }, $[47] = renderBlock, $[48] = renderChild, $[49] = renderListItem, $[50] = renderStyle, $[51] = t9) : t9 = $[51];
   const legacy = t9;
   let t10;
-  $[52] !== dropPosition || $[53] !== legacy || $[54] !== readOnly || $[55] !== schema ? (t10 = (eProps) => /* @__PURE__ */ jsx(RenderElement, { ...eProps, dropPosition, legacy, readOnly, schema }), $[52] = dropPosition, $[53] = legacy, $[54] = readOnly, $[55] = schema, $[56] = t10) : t10 = $[56];
+  $[52] !== legacy || $[53] !== readOnly || $[54] !== schema ? (t10 = (eProps) => /* @__PURE__ */ jsx(RenderElement, { ...eProps, legacy, readOnly, schema }), $[52] = legacy, $[53] = readOnly, $[54] = schema, $[55] = t10) : t10 = $[55];
   const renderElement = t10;
   let t11;
-  $[57] !== readOnly || $[58] !== renderAnnotation || $[59] !== renderChild || $[60] !== renderDecorator || $[61] !== renderPlaceholder || $[62] !== schema ? (t11 = (leafProps) => /* @__PURE__ */ jsx(RenderLeaf, { ...leafProps, readOnly, renderAnnotation, renderChild, renderDecorator, renderPlaceholder, schema }), $[57] = readOnly, $[58] = renderAnnotation, $[59] = renderChild, $[60] = renderDecorator, $[61] = renderPlaceholder, $[62] = schema, $[63] = t11) : t11 = $[63];
+  $[56] !== readOnly || $[57] !== renderAnnotation || $[58] !== renderChild || $[59] !== renderDecorator || $[60] !== renderPlaceholder || $[61] !== schema ? (t11 = (leafProps) => /* @__PURE__ */ jsx(RenderLeaf, { ...leafProps, readOnly, renderAnnotation, renderChild, renderDecorator, renderPlaceholder, schema }), $[56] = readOnly, $[57] = renderAnnotation, $[58] = renderChild, $[59] = renderDecorator, $[60] = renderPlaceholder, $[61] = schema, $[62] = t11) : t11 = $[62];
   const renderLeaf = t11, renderText = _temp3;
   let t12;
-  $[64] !== editorActor || $[65] !== editorEngine || $[66] !== propsSelection ? (t12 = () => {
+  $[63] !== editorActor || $[64] !== editorEngine || $[65] !== propsSelection ? (t12 = () => {
     if (propsSelection) {
       debug.selection.enabled && debug.selection(`Selection from props ${safeStringify(propsSelection)}`);
       const resolvedSelection = resolveSelection(editorEngine, propsSelection);
@@ -6095,10 +6139,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
         selection: resolvedSelection
       }), editorEngine.onChange());
     }
-  }, $[64] = editorActor, $[65] = editorEngine, $[66] = propsSelection, $[67] = t12) : t12 = $[67];
+  }, $[63] = editorActor, $[64] = editorEngine, $[65] = propsSelection, $[66] = t12) : t12 = $[66];
   const restoreSelectionFromProps = t12;
   let t13, t14;
-  $[68] !== editorActor || $[69] !== rangeDecorationsActor || $[70] !== restoreSelectionFromProps ? (t13 = () => {
+  $[67] !== editorActor || $[68] !== rangeDecorationsActor || $[69] !== restoreSelectionFromProps ? (t13 = () => {
     const onReady = editorActor.on("ready", () => {
       rangeDecorationsActor.send({
         type: "ready"
@@ -6111,13 +6155,13 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
     return () => {
       onReady.unsubscribe(), onInvalidValue.unsubscribe(), onValueChanged.unsubscribe();
     };
-  }, t14 = [rangeDecorationsActor, editorActor, restoreSelectionFromProps], $[68] = editorActor, $[69] = rangeDecorationsActor, $[70] = restoreSelectionFromProps, $[71] = t13, $[72] = t14) : (t13 = $[71], t14 = $[72]), useEffect(t13, t14);
+  }, t14 = [rangeDecorationsActor, editorActor, restoreSelectionFromProps], $[67] = editorActor, $[68] = rangeDecorationsActor, $[69] = restoreSelectionFromProps, $[70] = t13, $[71] = t14) : (t13 = $[70], t14 = $[71]), useEffect(t13, t14);
   let t15, t16;
-  $[73] !== hasInvalidValue || $[74] !== propsSelection || $[75] !== restoreSelectionFromProps ? (t15 = () => {
+  $[72] !== hasInvalidValue || $[73] !== propsSelection || $[74] !== restoreSelectionFromProps ? (t15 = () => {
     propsSelection && !hasInvalidValue && restoreSelectionFromProps();
-  }, t16 = [hasInvalidValue, propsSelection, restoreSelectionFromProps], $[73] = hasInvalidValue, $[74] = propsSelection, $[75] = restoreSelectionFromProps, $[76] = t15, $[77] = t16) : (t15 = $[76], t16 = $[77]), useEffect(t15, t16);
+  }, t16 = [hasInvalidValue, propsSelection, restoreSelectionFromProps], $[72] = hasInvalidValue, $[73] = propsSelection, $[74] = restoreSelectionFromProps, $[75] = t15, $[76] = t16) : (t15 = $[75], t16 = $[76]), useEffect(t15, t16);
   let t17;
-  $[78] !== editorActor || $[79] !== editorEngine || $[80] !== onCopy ? (t17 = (event) => {
+  $[77] !== editorActor || $[78] !== editorEngine || $[79] !== onCopy ? (t17 = (event) => {
     if (DOMEditor.hasSelectableTarget(editorEngine, event.target)) {
       if (onCopy)
         onCopy(event) !== void 0 && event.preventDefault();
@@ -6144,10 +6188,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
         });
       }
     }
-  }, $[78] = editorActor, $[79] = editorEngine, $[80] = onCopy, $[81] = t17) : t17 = $[81];
+  }, $[77] = editorActor, $[78] = editorEngine, $[79] = onCopy, $[80] = t17) : t17 = $[80];
   const handleCopy = t17;
   let t18;
-  $[82] !== editorActor || $[83] !== editorEngine || $[84] !== onCut ? (t18 = (event_0) => {
+  $[81] !== editorActor || $[82] !== editorEngine || $[83] !== onCut ? (t18 = (event_0) => {
     if (DOMEditor.hasSelectableTarget(editorEngine, event_0.target)) {
       if (onCut)
         onCut(event_0) !== void 0 && event_0.preventDefault();
@@ -6174,10 +6218,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
         });
       }
     }
-  }, $[82] = editorActor, $[83] = editorEngine, $[84] = onCut, $[85] = t18) : t18 = $[85];
+  }, $[81] = editorActor, $[82] = editorEngine, $[83] = onCut, $[84] = t18) : t18 = $[84];
   const handleCut = t18;
   let t19;
-  $[86] !== editorActor || $[87] !== editorEngine || $[88] !== onPaste || $[89] !== portableTextEditor || $[90] !== relay ? (t19 = (event_1) => {
+  $[85] !== editorActor || $[86] !== editorEngine || $[87] !== onPaste || $[88] !== portableTextEditor || $[89] !== relay ? (t19 = (event_1) => {
     const value = editorEngine.snapshot.context.value, path2 = editorEngine.snapshot.context.selection?.focus.path || [], onPasteResult = onPaste?.({
       event: event_1,
       value,
@@ -6256,18 +6300,18 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
       });
     }
     debug.behaviors("No result from custom paste handler, pasting normally");
-  }, $[86] = editorActor, $[87] = editorEngine, $[88] = onPaste, $[89] = portableTextEditor, $[90] = relay, $[91] = t19) : t19 = $[91];
+  }, $[85] = editorActor, $[86] = editorEngine, $[87] = onPaste, $[88] = portableTextEditor, $[89] = relay, $[90] = t19) : t19 = $[90];
   const handlePaste = t19;
   let t20;
-  $[92] !== editorEngine || $[93] !== onFocus || $[94] !== relay ? (t20 = (event_2) => {
+  $[91] !== editorEngine || $[92] !== onFocus || $[93] !== relay ? (t20 = (event_2) => {
     onFocus && onFocus(event_2), event_2.isDefaultPrevented() || (relay.send({
       type: "focused",
       event: event_2
     }), !editorEngine.snapshot.context.selection && editorEngine.snapshot.context.value.length === 1 && isEmptyTextBlock(editorEngine.snapshot.context, editorEngine.snapshot.context.value.at(0)) && (editorEngine.select(start(editorEngine, [])), editorEngine.onChange()));
-  }, $[92] = editorEngine, $[93] = onFocus, $[94] = relay, $[95] = t20) : t20 = $[95];
+  }, $[91] = editorEngine, $[92] = onFocus, $[93] = relay, $[94] = t20) : t20 = $[94];
   const handleOnFocus = t20;
   let t21;
-  $[96] !== editorActor || $[97] !== editorEngine || $[98] !== onClick ? (t21 = (event_3) => {
+  $[95] !== editorActor || $[96] !== editorEngine || $[97] !== onClick ? (t21 = (event_3) => {
     if (onClick && onClick(event_3), event_3.isDefaultPrevented() || event_3.isPropagationStopped())
       return;
     const position_3 = getEventPosition({
@@ -6284,23 +6328,23 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
       editor: editorEngine,
       nativeEvent: event_3
     });
-  }, $[96] = editorActor, $[97] = editorEngine, $[98] = onClick, $[99] = t21) : t21 = $[99];
+  }, $[95] = editorActor, $[96] = editorEngine, $[97] = onClick, $[98] = t21) : t21 = $[98];
   const handleClick = t21;
   let t22;
-  $[100] !== onBlur || $[101] !== relay ? (t22 = (event_4) => {
+  $[99] !== onBlur || $[100] !== relay ? (t22 = (event_4) => {
     onBlur && onBlur(event_4), event_4.isPropagationStopped() || relay.send({
       type: "blurred",
       event: event_4
     });
-  }, $[100] = onBlur, $[101] = relay, $[102] = t22) : t22 = $[102];
+  }, $[99] = onBlur, $[100] = relay, $[101] = t22) : t22 = $[101];
   const handleOnBlur = t22;
   let t23;
-  $[103] !== onBeforeInput ? (t23 = (event_5) => {
+  $[102] !== onBeforeInput ? (t23 = (event_5) => {
     onBeforeInput && onBeforeInput(event_5);
-  }, $[103] = onBeforeInput, $[104] = t23) : t23 = $[104];
+  }, $[102] = onBeforeInput, $[103] = t23) : t23 = $[103];
   const handleOnBeforeInput = t23;
   let t24;
-  $[105] !== editorActor || $[106] !== editorEngine || $[107] !== hotkeys || $[108] !== portableTextEditor || $[109] !== props ? (t24 = (event_6) => {
+  $[104] !== editorActor || $[105] !== editorEngine || $[106] !== hotkeys || $[107] !== portableTextEditor || $[108] !== props ? (t24 = (event_6) => {
     props.onKeyDown && props.onKeyDown(event_6), event_6.isDefaultPrevented() || performHotkey({
       editorActor,
       editor: editorEngine,
@@ -6323,10 +6367,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
       editor: editorEngine,
       nativeEvent: event_6
     });
-  }, $[105] = editorActor, $[106] = editorEngine, $[107] = hotkeys, $[108] = portableTextEditor, $[109] = props, $[110] = t24) : t24 = $[110];
+  }, $[104] = editorActor, $[105] = editorEngine, $[106] = hotkeys, $[107] = portableTextEditor, $[108] = props, $[109] = t24) : t24 = $[109];
   const handleKeyDown = t24;
   let t25;
-  $[111] !== editorActor || $[112] !== editorEngine || $[113] !== props ? (t25 = (event_7) => {
+  $[110] !== editorActor || $[111] !== editorEngine || $[112] !== props ? (t25 = (event_7) => {
     props.onKeyUp && props.onKeyUp(event_7), event_7.isDefaultPrevented() || editorActor.send({
       type: "behavior event",
       behaviorEvent: {
@@ -6343,7 +6387,7 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
       editor: editorEngine,
       nativeEvent: event_7
     });
-  }, $[111] = editorActor, $[112] = editorEngine, $[113] = props, $[114] = t25) : t25 = $[114];
+  }, $[110] = editorActor, $[111] = editorEngine, $[112] = props, $[113] = t25) : t25 = $[113];
   const handleKeyUp = t25;
   let t26;
   bb0: {
@@ -6356,13 +6400,13 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
       break bb0;
     }
     let t272;
-    $[115] !== portableTextEditor || $[116] !== scrollSelectionIntoView ? (t272 = (_editor, domRange) => {
+    $[114] !== portableTextEditor || $[115] !== scrollSelectionIntoView ? (t272 = (_editor, domRange) => {
       scrollSelectionIntoView(portableTextEditor, domRange);
-    }, $[115] = portableTextEditor, $[116] = scrollSelectionIntoView, $[117] = t272) : t272 = $[117], t26 = t272;
+    }, $[114] = portableTextEditor, $[115] = scrollSelectionIntoView, $[116] = t272) : t272 = $[116], t26 = t272;
   }
   const scrollSelectionIntoViewToEngine = t26;
   let t27, t28;
-  $[118] !== editorActor || $[119] !== editorEngine ? (t27 = () => {
+  $[117] !== editorActor || $[118] !== editorEngine ? (t27 = () => {
     const window2 = DOMEditor.getWindow(editorEngine), onDragEnd_0 = () => {
       editorActor.send({
         type: "dragend"
@@ -6375,9 +6419,9 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
     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 = [editorEngine, editorActor], $[118] = editorActor, $[119] = editorEngine, $[120] = t27, $[121] = t28) : (t27 = $[120], t28 = $[121]), useEffect(t27, t28);
+  }, t28 = [editorEngine, editorActor], $[117] = editorActor, $[118] = editorEngine, $[119] = t27, $[120] = t28) : (t27 = $[119], t28 = $[120]), useEffect(t27, t28);
   let t29;
-  $[122] !== editorActor || $[123] !== editorEngine || $[124] !== onDragStart || $[125] !== readOnly ? (t29 = (event_8) => {
+  $[121] !== editorActor || $[122] !== editorEngine || $[123] !== onDragStart || $[124] !== readOnly ? (t29 = (event_8) => {
     if (readOnly || !DOMEditor.hasTarget(editorEngine, event_8.target) || (onDragStart?.(event_8), event_8.isDefaultPrevented() || event_8.isPropagationStopped()))
       return;
     const position_4 = getEventPosition({
@@ -6405,10 +6449,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
       },
       editor: editorEngine
     }), !0;
-  }, $[122] = editorActor, $[123] = editorEngine, $[124] = onDragStart, $[125] = readOnly, $[126] = t29) : t29 = $[126];
+  }, $[121] = editorActor, $[122] = editorEngine, $[123] = onDragStart, $[124] = readOnly, $[125] = t29) : t29 = $[125];
   const handleDragStart = t29;
   let t30;
-  $[127] !== editorActor || $[128] !== editorEngine || $[129] !== onDrag ? (t30 = (event_9) => {
+  $[126] !== editorActor || $[127] !== editorEngine || $[128] !== onDrag ? (t30 = (event_9) => {
     if (onDrag?.(event_9), !(event_9.isDefaultPrevented() || event_9.isPropagationStopped() || !getEventPosition({
       editorActor,
       editorEngine,
@@ -6424,10 +6468,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
         },
         editor: editorEngine
       }), !0;
-  }, $[127] = editorActor, $[128] = editorEngine, $[129] = onDrag, $[130] = t30) : t30 = $[130];
+  }, $[126] = editorActor, $[127] = editorEngine, $[128] = onDrag, $[129] = t30) : t30 = $[129];
   const handleDrag = t30;
   let t31;
-  $[131] !== editorActor || $[132] !== editorEngine || $[133] !== onDragEnd ? (t31 = (event_10) => {
+  $[130] !== editorActor || $[131] !== editorEngine || $[132] !== onDragEnd ? (t31 = (event_10) => {
     if (onDragEnd?.(event_10), !(event_10.isDefaultPrevented() || event_10.isPropagationStopped()))
       return editorActor.send({
         type: "behavior event",
@@ -6439,10 +6483,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
         },
         editor: editorEngine
       }), !0;
-  }, $[131] = editorActor, $[132] = editorEngine, $[133] = onDragEnd, $[134] = t31) : t31 = $[134];
+  }, $[130] = editorActor, $[131] = editorEngine, $[132] = onDragEnd, $[133] = t31) : t31 = $[133];
   const handleDragEnd = t31;
   let t32;
-  $[135] !== editorActor || $[136] !== editorEngine || $[137] !== onDragEnter ? (t32 = (event_11) => {
+  $[134] !== editorActor || $[135] !== editorEngine || $[136] !== onDragEnter ? (t32 = (event_11) => {
     if (onDragEnter?.(event_11), event_11.isDefaultPrevented() || event_11.isPropagationStopped())
       return;
     const position_6 = getEventPosition({
@@ -6462,10 +6506,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
         },
         editor: editorEngine
       }), !0;
-  }, $[135] = editorActor, $[136] = editorEngine, $[137] = onDragEnter, $[138] = t32) : t32 = $[138];
+  }, $[134] = editorActor, $[135] = editorEngine, $[136] = onDragEnter, $[137] = t32) : t32 = $[137];
   const handleDragEnter = t32;
   let t33;
-  $[139] !== editorActor || $[140] !== editorEngine || $[141] !== onDragOver ? (t33 = (event_12) => {
+  $[138] !== editorActor || $[139] !== editorEngine || $[140] !== onDragOver ? (t33 = (event_12) => {
     if (onDragOver?.(event_12), event_12.isDefaultPrevented() || event_12.isPropagationStopped())
       return;
     const position_7 = getEventPosition({
@@ -6487,10 +6531,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
         editor: editorEngine,
         nativeEvent: event_12
       }), !0;
-  }, $[139] = editorActor, $[140] = editorEngine, $[141] = onDragOver, $[142] = t33) : t33 = $[142];
+  }, $[138] = editorActor, $[139] = editorEngine, $[140] = onDragOver, $[141] = t33) : t33 = $[141];
   const handleDragOver = t33;
   let t34;
-  $[143] !== editorActor || $[144] !== editorEngine || $[145] !== onDrop ? (t34 = (event_13) => {
+  $[142] !== editorActor || $[143] !== editorEngine || $[144] !== onDrop ? (t34 = (event_13) => {
     if (onDrop?.(event_13), event_13.isDefaultPrevented() || event_13.isPropagationStopped())
       return;
     const position_8 = getEventPosition({
@@ -6515,10 +6559,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
       editor: editorEngine,
       nativeEvent: event_13
     }), !0;
-  }, $[143] = editorActor, $[144] = editorEngine, $[145] = onDrop, $[146] = t34) : t34 = $[146];
+  }, $[142] = editorActor, $[143] = editorEngine, $[144] = onDrop, $[145] = t34) : t34 = $[145];
   const handleDrop = t34;
   let t35;
-  $[147] !== editorActor || $[148] !== editorEngine || $[149] !== onDragLeave ? (t35 = (event_14) => {
+  $[146] !== editorActor || $[147] !== editorEngine || $[148] !== onDragLeave ? (t35 = (event_14) => {
     if (onDragLeave?.(event_14), !(event_14.isDefaultPrevented() || event_14.isPropagationStopped() || !getEventPosition({
       editorActor,
       editorEngine,
@@ -6534,10 +6578,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
         },
         editor: editorEngine
       }), !0;
-  }, $[147] = editorActor, $[148] = editorEngine, $[149] = onDragLeave, $[150] = t35) : t35 = $[150];
+  }, $[146] = editorActor, $[147] = editorEngine, $[148] = onDragLeave, $[149] = t35) : t35 = $[149];
   const handleDragLeave = t35;
   let t36;
-  $[151] !== forwardedRef || $[152] !== validateSelectionActor ? (t36 = (editorElement) => {
+  $[150] !== forwardedRef || $[151] !== validateSelectionActor ? (t36 = (editorElement) => {
     if (typeof forwardedRef == "function" ? forwardedRef(editorElement) : forwardedRef && (forwardedRef.current = editorElement), editorElement) {
       const mutationObserver = new MutationObserver(() => {
         validateSelectionActor.send({
@@ -6555,12 +6599,12 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
         mutationObserver.disconnect();
       };
     }
-  }, $[151] = forwardedRef, $[152] = validateSelectionActor, $[153] = t36) : t36 = $[153];
+  }, $[150] = forwardedRef, $[151] = validateSelectionActor, $[152] = t36) : t36 = $[152];
   const callbackRef = t36;
   if (!portableTextEditor)
     return null;
   let t37;
-  return $[154] !== callbackRef || $[155] !== decorate || $[156] !== editorActor || $[157] !== handleClick || $[158] !== handleCopy || $[159] !== handleCut || $[160] !== handleDrag || $[161] !== handleDragEnd || $[162] !== handleDragEnter || $[163] !== handleDragLeave || $[164] !== handleDragOver || $[165] !== handleDragStart || $[166] !== handleDrop || $[167] !== handleKeyDown || $[168] !== handleKeyUp || $[169] !== handleOnBeforeInput || $[170] !== handleOnBlur || $[171] !== handleOnFocus || $[172] !== handlePaste || $[173] !== hasInvalidValue || $[174] !== readOnly || $[175] !== renderElement || $[176] !== renderLeaf || $[177] !== restProps || $[178] !== scrollSelectionIntoViewToEngine ? (t37 = hasInvalidValue ? null : /* @__PURE__ */ jsx(SelectionStateProvider, { children: /* @__PURE__ */ jsx(Editable, { ...restProps, ref: callbackRef, editorActor, "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, renderElement, renderLeaf, renderText, scrollSelectionIntoView: scrollSelectionIntoViewToEngine }) }), $[154] = callbackRef, $[155] = decorate, $[156] = editorActor, $[157] = handleClick, $[158] = handleCopy, $[159] = handleCut, $[160] = handleDrag, $[161] = handleDragEnd, $[162] = handleDragEnter, $[163] = handleDragLeave, $[164] = handleDragOver, $[165] = handleDragStart, $[166] = handleDrop, $[167] = handleKeyDown, $[168] = handleKeyUp, $[169] = handleOnBeforeInput, $[170] = handleOnBlur, $[171] = handleOnFocus, $[172] = handlePaste, $[173] = hasInvalidValue, $[174] = readOnly, $[175] = renderElement, $[176] = renderLeaf, $[177] = restProps, $[178] = scrollSelectionIntoViewToEngine, $[179] = t37) : t37 = $[179], t37;
+  return $[153] !== callbackRef || $[154] !== decorate || $[155] !== editorActor || $[156] !== handleClick || $[157] !== handleCopy || $[158] !== handleCut || $[159] !== handleDrag || $[160] !== handleDragEnd || $[161] !== handleDragEnter || $[162] !== handleDragLeave || $[163] !== handleDragOver || $[164] !== handleDragStart || $[165] !== handleDrop || $[166] !== handleKeyDown || $[167] !== handleKeyUp || $[168] !== handleOnBeforeInput || $[169] !== handleOnBlur || $[170] !== handleOnFocus || $[171] !== handlePaste || $[172] !== hasInvalidValue || $[173] !== readOnly || $[174] !== renderElement || $[175] !== renderLeaf || $[176] !== restProps || $[177] !== scrollSelectionIntoViewToEngine ? (t37 = hasInvalidValue ? null : /* @__PURE__ */ jsx(SelectionStateProvider, { children: /* @__PURE__ */ jsx(DropPositionStateProvider, { children: /* @__PURE__ */ jsx(Editable, { ...restProps, ref: callbackRef, editorActor, "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, renderElement, renderLeaf, renderText, scrollSelectionIntoView: scrollSelectionIntoViewToEngine }) }) }), $[153] = callbackRef, $[154] = decorate, $[155] = editorActor, $[156] = handleClick, $[157] = handleCopy, $[158] = handleCut, $[159] = handleDrag, $[160] = handleDragEnd, $[161] = handleDragEnter, $[162] = handleDragLeave, $[163] = handleDragOver, $[164] = handleDragStart, $[165] = handleDrop, $[166] = handleKeyDown, $[167] = handleKeyUp, $[168] = handleOnBeforeInput, $[169] = handleOnBlur, $[170] = handleOnFocus, $[171] = handlePaste, $[172] = hasInvalidValue, $[173] = readOnly, $[174] = renderElement, $[175] = renderLeaf, $[176] = restProps, $[177] = scrollSelectionIntoViewToEngine, $[178] = t37) : t37 = $[178], t37;
 });
 PortableTextEditable.displayName = "ForwardRef(PortableTextEditable)";
 function noop() {