@portabletext/editor 1.50.8 → 1.52.0

package/lib/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: !0 });
-var reactCompilerRuntime = require("react-compiler-runtime"), React = require("react"), useEffectEvent = require("use-effect-event"), useEditor = require("./_chunks-cjs/use-editor.cjs"), jsxRuntime = require("react/jsx-runtime"), react = require("@xstate/react"), noop = require("lodash/noop.js"), slate = require("slate"), slateReact = require("slate-react"), debug$h = require("debug"), util_isEqualSelectionPoints = require("./_chunks-cjs/util.is-equal-selection-points.cjs"), util_sliceBlocks = require("./_chunks-cjs/util.slice-blocks.cjs"), selector_isSelectionExpanded = require("./_chunks-cjs/selector.is-selection-expanded.cjs"), selector_isSelectingEntireBlocks = require("./_chunks-cjs/selector.is-selecting-entire-blocks.cjs"), slateDom = require("slate-dom"), util_selectionPointToBlockOffset = require("./_chunks-cjs/util.selection-point-to-block-offset.cjs"), isEqual = require("lodash/isEqual.js"), types = require("@sanity/types"), getRandomValues = require("get-random-values-esm"), behaviors_index = require("./behaviors/index.cjs"), uniq = require("lodash/uniq.js"), rxjs = require("rxjs"), xstate = require("xstate"), blockTools = require("@portabletext/block-tools"), toHtml = require("@portabletext/to-html"), schema = require("@sanity/schema"), flatten = require("lodash/flatten.js"), omit = require("lodash/omit.js"), util_childSelectionPointToBlockOffset = require("./_chunks-cjs/util.child-selection-point-to-block-offset.cjs"), patches = require("@portabletext/patches"), get = require("lodash/get.js"), isUndefined = require("lodash/isUndefined.js"), omitBy = require("lodash/omitBy.js"), immer = require("immer"), startCase = require("lodash.startcase"), isPlainObject = require("lodash/isPlainObject.js");
+var reactCompilerRuntime = require("react-compiler-runtime"), React = require("react"), useEffectEvent = require("use-effect-event"), useEditor = require("./_chunks-cjs/use-editor.cjs"), jsxRuntime = require("react/jsx-runtime"), react = require("@xstate/react"), noop = require("lodash/noop.js"), slate = require("slate"), slateReact = require("slate-react"), debug$h = require("debug"), slateDom = require("slate-dom"), selectionPoint = require("./_chunks-cjs/selection-point.cjs"), util_isEqualSelectionPoints = require("./_chunks-cjs/util.is-equal-selection-points.cjs"), util_selectionPointToBlockOffset = require("./_chunks-cjs/util.selection-point-to-block-offset.cjs"), isEqual = require("lodash/isEqual.js"), types = require("@sanity/types"), selector_isSelectionExpanded = require("./_chunks-cjs/selector.is-selection-expanded.cjs"), selector_isSelectingEntireBlocks = require("./_chunks-cjs/selector.is-selecting-entire-blocks.cjs"), getRandomValues = require("get-random-values-esm"), behaviors_index = require("./behaviors/index.cjs"), uniq = require("lodash/uniq.js"), rxjs = require("rxjs"), xstate = require("xstate"), blockTools = require("@portabletext/block-tools"), toHtml = require("@portabletext/to-html"), schema = require("@sanity/schema"), flatten = require("lodash/flatten.js"), omit = require("lodash/omit.js"), util_childSelectionPointToBlockOffset = require("./_chunks-cjs/util.child-selection-point-to-block-offset.cjs"), patches = require("@portabletext/patches"), get = require("lodash/get.js"), isUndefined = require("lodash/isUndefined.js"), omitBy = require("lodash/omitBy.js"), immer = require("immer"), startCase = require("lodash.startcase"), isPlainObject = require("lodash/isPlainObject.js");
 function _interopDefaultCompat(e) {
   return e && typeof e == "object" && "default" in e ? e : { default: e };
 }
@@ -17,91 +17,12 @@ function EditorEventListener(props) {
   let t1;
   return $[3] !== editor ? (t1 = [editor], $[3] = editor, $[4] = t1) : t1 = $[4], React.useEffect(t0, t1), null;
 }
-function getCompoundClientRect(nodes) {
-  if (nodes.length === 0)
-    return new DOMRect(0, 0, 0, 0);
-  const elements = nodes.filter((node) => node instanceof Element), firstRect = elements.at(0)?.getBoundingClientRect();
-  if (!firstRect)
-    return new DOMRect(0, 0, 0, 0);
-  let left = firstRect.left, top = firstRect.top, right = firstRect.right, bottom = firstRect.bottom;
-  for (let i = 1; i < elements.length; i++) {
-    const rect = elements[i].getBoundingClientRect();
-    left = Math.min(left, rect.left), top = Math.min(top, rect.top), right = Math.max(right, rect.right), bottom = Math.max(bottom, rect.bottom);
-  }
-  return new DOMRect(left, top, right - left, bottom - top);
-}
 const rootName = "sanity-pte:";
 debug__default.default(rootName);
 function debugWithName(name) {
   const namespace = `${rootName}${name}`;
   return debug__default.default && debug__default.default.enabled(namespace) ? debug__default.default(namespace) : debug__default.default(rootName);
 }
-function getDragSelection({
-  eventSelection,
-  snapshot
-}) {
-  let dragSelection = eventSelection;
-  if (selector_isSelectingEntireBlocks.getFocusInlineObject({
-    context: {
-      ...snapshot.context,
-      selection: eventSelection
-    }
-  }))
-    return dragSelection;
-  const draggingCollapsedSelection = selector_isSelectionExpanded.isSelectionCollapsed({
-    context: {
-      ...snapshot.context,
-      selection: eventSelection
-    }
-  }), draggedTextBlock = selector_isSelectionExpanded.getFocusTextBlock({
-    context: {
-      ...snapshot.context,
-      selection: eventSelection
-    }
-  }), draggedSpan = selector_isSelectionExpanded.getFocusSpan({
-    context: {
-      ...snapshot.context,
-      selection: eventSelection
-    }
-  });
-  draggingCollapsedSelection && draggedTextBlock && draggedSpan && (dragSelection = {
-    anchor: util_sliceBlocks.getBlockStartPoint({
-      context: snapshot.context,
-      block: draggedTextBlock
-    }),
-    focus: util_isEqualSelectionPoints.getBlockEndPoint({
-      context: snapshot.context,
-      block: draggedTextBlock
-    })
-  });
-  const selectedBlocks = selector_isSelectionExpanded.getSelectedBlocks(snapshot);
-  if (snapshot.context.selection && selector_isSelectionExpanded.isSelectionExpanded(snapshot) && selectedBlocks.length > 1) {
-    const selectionStartBlock = selector_isSelectionExpanded.getSelectionStartBlock(snapshot), selectionEndBlock = selector_isSelectionExpanded.getSelectionEndBlock(snapshot);
-    if (!selectionStartBlock || !selectionEndBlock)
-      return dragSelection;
-    const selectionStartPoint = util_sliceBlocks.getBlockStartPoint({
-      context: snapshot.context,
-      block: selectionStartBlock
-    }), selectionEndPoint = util_isEqualSelectionPoints.getBlockEndPoint({
-      context: snapshot.context,
-      block: selectionEndBlock
-    });
-    selector_isSelectingEntireBlocks.isOverlappingSelection(eventSelection)({
-      ...snapshot,
-      context: {
-        ...snapshot.context,
-        selection: {
-          anchor: selectionStartPoint,
-          focus: selectionEndPoint
-        }
-      }
-    }) && (dragSelection = {
-      anchor: selectionStartPoint,
-      focus: selectionEndPoint
-    });
-  }
-  return dragSelection;
-}
 const VOID_CHILD_KEY = "void-child";
 function keepObjectEquality(object, keyMap) {
   const value = keyMap[object._key];
@@ -462,81 +383,81 @@ function getEventPosition({
     setup: "setting up"
   }))
     return;
-  const node = getEventNode({
+  const eventNode = getEventNode({
     slateEditor,
     event
   });
-  if (!node)
+  if (!eventNode)
     return;
-  const block = getNodeBlock({
+  const eventBlock = getNodeBlock({
     editor: slateEditor,
     schema: editorActor.getSnapshot().context.schema,
-    node
-  }), positionBlock = getEventPositionBlock({
-    node,
+    node: eventNode
+  }), eventPositionBlock = getEventPositionBlock({
+    node: eventNode,
     slateEditor,
     event
-  }), selection = getEventSelection({
+  }), eventSelection = getEventSelection({
     schema: editorActor.getSnapshot().context.schema,
     slateEditor,
     event
   });
-  if (block && positionBlock && !selection && !slate.Editor.isEditor(node))
+  if (eventBlock && eventPositionBlock && !eventSelection && !slate.Editor.isEditor(eventNode))
     return {
-      block: positionBlock,
+      block: eventPositionBlock,
       isEditor: !1,
       selection: {
-        anchor: util_sliceBlocks.getBlockStartPoint({
+        anchor: selectionPoint.getBlockStartPoint({
           context: editorActor.getSnapshot().context,
           block: {
-            node: block,
+            node: eventBlock,
             path: [{
-              _key: block._key
+              _key: eventBlock._key
             }]
           }
         }),
         focus: util_isEqualSelectionPoints.getBlockEndPoint({
           context: editorActor.getSnapshot().context,
           block: {
-            node: block,
+            node: eventBlock,
             path: [{
-              _key: block._key
+              _key: eventBlock._key
             }]
           }
         })
       }
     };
-  if (!positionBlock || !selection)
+  if (!eventPositionBlock || !eventSelection)
     return;
-  const focusBlockPath = selection.focus.path.at(0), focusBlockKey = util_sliceBlocks.isKeyedSegment(focusBlockPath) ? focusBlockPath._key : void 0;
-  if (focusBlockKey)
-    return util_selectionPointToBlockOffset.isSelectionCollapsed(selection) && block && focusBlockKey !== block._key ? {
-      block: positionBlock,
+  const eventSelectionFocusBlockKey = selectionPoint.getBlockKeyFromSelectionPoint(eventSelection.focus);
+  if (eventSelectionFocusBlockKey !== void 0)
+    return util_selectionPointToBlockOffset.isSelectionCollapsed(eventSelection) && eventBlock && eventSelectionFocusBlockKey !== eventBlock._key ? {
+      block: eventPositionBlock,
       isEditor: !1,
       selection: {
-        anchor: util_sliceBlocks.getBlockStartPoint({
+        anchor: selectionPoint.getBlockStartPoint({
           context: editorActor.getSnapshot().context,
           block: {
-            node: block,
+            node: eventBlock,
             path: [{
-              _key: block._key
+              _key: eventBlock._key
             }]
           }
         }),
         focus: util_isEqualSelectionPoints.getBlockEndPoint({
           context: editorActor.getSnapshot().context,
           block: {
-            node: block,
+            node: eventBlock,
             path: [{
-              _key: block._key
+              _key: eventBlock._key
             }]
           }
         })
       }
     } : {
-      block: positionBlock,
-      isEditor: slate.Editor.isEditor(node),
-      selection
+      block: eventPositionBlock,
+      isEditor: slate.Editor.isEditor(eventNode),
+      selection: eventSelection
     };
 }
 function getEventNode({
@@ -700,35 +621,6 @@ function normalizeSelection(selection, value) {
     backward: selection.backward
   } : null;
 }
-function getSelectionDomNodes({
-  slateEditor,
-  snapshot
-}) {
-  if (!snapshot.context.selection)
-    return {
-      blockNodes: [],
-      childNodes: []
-    };
-  const range = toSlateRange(snapshot.context.selection, slateEditor);
-  if (!range)
-    return {
-      blockNodes: [],
-      childNodes: []
-    };
-  const blockEntries = Array.from(slate.Editor.nodes(slateEditor, {
-    at: range,
-    mode: "highest",
-    match: (n) => !slate.Editor.isEditor(n)
-  })), childEntries = Array.from(slate.Editor.nodes(slateEditor, {
-    at: range,
-    mode: "lowest",
-    match: (n) => !slate.Editor.isEditor(n) && slateEditor.isTextSpan(n) || !slateEditor.isBlock(n)
-  }));
-  return {
-    blockNodes: blockEntries.map(([blockNode]) => slateDom.DOMEditor.toDOMNode(slateEditor, blockNode)),
-    childNodes: childEntries.map(([childNode]) => slateDom.DOMEditor.toDOMNode(slateEditor, childNode))
-  };
-}
 const IS_PROCESSING_REMOTE_CHANGES = /* @__PURE__ */ new WeakMap(), KEY_TO_SLATE_ELEMENT = /* @__PURE__ */ new WeakMap(), KEY_TO_VALUE_ELEMENT = /* @__PURE__ */ new WeakMap(), SLATE_TO_PORTABLE_TEXT_RANGE = /* @__PURE__ */ new WeakMap(), EditorActorContext = React.createContext({});
 function DropIndicator() {
   const $ = reactCompilerRuntime.c(1);
@@ -771,6 +663,72 @@ function RenderDefaultInlineObject(props) {
     "]"
   ] }), $[1] = props.inlineObject._key, $[2] = props.inlineObject._type, $[3] = t1) : t1 = $[3], t1;
 }
+function getDragSelection({
+  eventSelection,
+  snapshot
+}) {
+  let dragSelection = eventSelection;
+  if (selector_isSelectingEntireBlocks.getFocusInlineObject({
+    context: {
+      ...snapshot.context,
+      selection: eventSelection
+    }
+  }))
+    return dragSelection;
+  const draggingCollapsedSelection = selector_isSelectionExpanded.isSelectionCollapsed({
+    context: {
+      ...snapshot.context,
+      selection: eventSelection
+    }
+  }), draggedTextBlock = selector_isSelectionExpanded.getFocusTextBlock({
+    context: {
+      ...snapshot.context,
+      selection: eventSelection
+    }
+  }), draggedSpan = selector_isSelectionExpanded.getFocusSpan({
+    context: {
+      ...snapshot.context,
+      selection: eventSelection
+    }
+  });
+  draggingCollapsedSelection && draggedTextBlock && draggedSpan && (dragSelection = {
+    anchor: selectionPoint.getBlockStartPoint({
+      context: snapshot.context,
+      block: draggedTextBlock
+    }),
+    focus: util_isEqualSelectionPoints.getBlockEndPoint({
+      context: snapshot.context,
+      block: draggedTextBlock
+    })
+  });
+  const selectedBlocks = selector_isSelectionExpanded.getSelectedBlocks(snapshot);
+  if (snapshot.context.selection && selector_isSelectionExpanded.isSelectionExpanded(snapshot) && selectedBlocks.length > 1) {
+    const selectionStartBlock = selector_isSelectionExpanded.getSelectionStartBlock(snapshot), selectionEndBlock = selector_isSelectionExpanded.getSelectionEndBlock(snapshot);
+    if (!selectionStartBlock || !selectionEndBlock)
+      return dragSelection;
+    const selectionStartPoint = selectionPoint.getBlockStartPoint({
+      context: snapshot.context,
+      block: selectionStartBlock
+    }), selectionEndPoint = util_isEqualSelectionPoints.getBlockEndPoint({
+      context: snapshot.context,
+      block: selectionEndBlock
+    });
+    selector_isSelectingEntireBlocks.isOverlappingSelection(eventSelection)({
+      ...snapshot,
+      context: {
+        ...snapshot.context,
+        selection: {
+          anchor: selectionStartPoint,
+          focus: selectionEndPoint
+        }
+      }
+    }) && (dragSelection = {
+      anchor: selectionStartPoint,
+      focus: selectionEndPoint
+    });
+  }
+  return dragSelection;
+}
 const defaultKeyGenerator = () => randomKey(12), getByteHexTable = /* @__PURE__ */ (() => {
   let table;
   return () => {
@@ -819,16 +777,22 @@ function createCoreBlockElementBehaviorsConfig({
         });
         if (!dropFocusBlock || dropFocusBlock.node._key !== key)
           return !1;
-        const dragOrigin = snapshot.beta.internalDrag?.origin;
-        return !dragOrigin || selector_isSelectionExpanded.getSelectedBlocks({
+        const dragOrigin = event.dragOrigin;
+        if (!dragOrigin)
+          return !1;
+        const dragSelection = getDragSelection({
+          eventSelection: dragOrigin.selection,
+          snapshot
+        });
+        return selector_isSelectionExpanded.getSelectedBlocks({
           context: {
             ...snapshot.context,
-            selection: dragOrigin.selection
+            selection: dragSelection
           }
         }).some((draggedBlock) => draggedBlock.node._key === key) ? !1 : selector_isSelectingEntireBlocks.isSelectingEntireBlocks({
           context: {
             ...snapshot.context,
-            selection: dragOrigin.selection
+            selection: dragSelection
           }
         });
       },
@@ -1025,7 +989,7 @@ function RenderElement(props) {
     let t02;
     if ($[0] !== props.element || $[1] !== schema2) {
       let t13;
-      $[3] !== props.element ? (t13 = "value" in props.element && typeof props.element.value == "object" ? props.element.value : {}, $[3] = props.element, $[4] = t13) : t13 = $[4], t02 = util_sliceBlocks.parseInlineObject({
+      $[3] !== props.element ? (t13 = "value" in props.element && typeof props.element.value == "object" ? props.element.value : {}, $[3] = props.element, $[4] = t13) : t13 = $[4], t02 = selectionPoint.parseInlineObject({
         context: {
           keyGenerator: _temp2,
           schema: schema2
@@ -1053,7 +1017,7 @@ function RenderElement(props) {
     return $[9] !== props.attributes || $[10] !== props.children || $[11] !== props.element || $[12] !== props.readOnly || $[13] !== props.renderChild || $[14] !== t12 ? (t22 = /* @__PURE__ */ jsxRuntime.jsx(RenderInlineObject, { attributes: props.attributes, element: props.element, inlineObject: t12, readOnly: props.readOnly, renderChild: props.renderChild, children: props.children }), $[9] = props.attributes, $[10] = props.children, $[11] = props.element, $[12] = props.readOnly, $[13] = props.renderChild, $[14] = t12, $[15] = t22) : t22 = $[15], t22;
   }
   let t0;
-  $[16] !== props.element || $[17] !== schema2 ? (t0 = util_sliceBlocks.parseTextBlock({
+  $[16] !== props.element || $[17] !== schema2 ? (t0 = selectionPoint.parseTextBlock({
     context: {
       keyGenerator: _temp3,
       schema: schema2
@@ -1072,7 +1036,7 @@ function RenderElement(props) {
   let t1;
   if ($[29] !== props.element || $[30] !== schema2) {
     let t22;
-    $[32] !== props.element ? (t22 = "value" in props.element && typeof props.element.value == "object" ? props.element.value : {}, $[32] = props.element, $[33] = t22) : t22 = $[33], t1 = util_sliceBlocks.parseBlockObject({
+    $[32] !== props.element ? (t22 = "value" in props.element && typeof props.element.value == "object" ? props.element.value : {}, $[32] = props.element, $[33] = t22) : t22 = $[33], t1 = selectionPoint.parseBlockObject({
       context: {
         keyGenerator: _temp4,
         schema: schema2
@@ -1177,7 +1141,7 @@ const converterJson = {
     snapshot,
     event
   }) => {
-    const selection = snapshot.beta.internalDrag?.origin.selection ?? snapshot.context.selection;
+    const selection = snapshot.context.selection;
     if (!selection)
       return {
         type: "serialization.failure",
@@ -1185,7 +1149,7 @@ const converterJson = {
         originEvent: event.originEvent,
         reason: "No selection"
       };
-    const blocks = util_sliceBlocks.sliceBlocks({
+    const blocks = selectionPoint.sliceBlocks({
       context: {
         selection,
         schema: snapshot.context.schema
@@ -1216,15 +1180,11 @@ const converterJson = {
         reason: "Data is not an array"
       };
     const parsedBlocks = blocks.flatMap((block) => {
-      const parsedBlock = util_sliceBlocks.parseBlock({
+      const parsedBlock = selectionPoint.parseBlock({
         context: snapshot.context,
         block,
         options: {
-          /**
-           * If we are dragging internally then we would like to keep the
-           * dropped portable text as is.
-           */
-          refreshKeys: !snapshot.beta.hasTag?.("dragging internally"),
+          refreshKeys: !0,
           validateFields: !1
         }
       });
@@ -1248,7 +1208,7 @@ function createConverterTextHtml(legacySchema) {
       snapshot,
       event
     }) => {
-      const selection = snapshot.beta.internalDrag?.origin.selection ?? snapshot.context.selection;
+      const selection = snapshot.context.selection;
       if (!selection)
         return {
           type: "serialization.failure",
@@ -1256,7 +1216,7 @@ function createConverterTextHtml(legacySchema) {
           originEvent: event.originEvent,
           reason: "No selection"
         };
-      const blocks = util_sliceBlocks.sliceBlocks({
+      const blocks = selectionPoint.sliceBlocks({
         context: {
           selection,
           schema: snapshot.context.schema
@@ -1290,7 +1250,7 @@ function createConverterTextHtml(legacySchema) {
         keyGenerator: snapshot.context.keyGenerator,
         unstable_whitespaceOnPasteMode: legacySchema.block.options.unstable_whitespaceOnPasteMode
       }).flatMap((block) => {
-        const parsedBlock = util_sliceBlocks.parseBlock({
+        const parsedBlock = selectionPoint.parseBlock({
           context: snapshot.context,
           block,
           options: {
@@ -1319,16 +1279,16 @@ function createConverterTextPlain(legacySchema) {
       snapshot,
       event
     }) => {
-      const selection = snapshot.beta.internalDrag?.origin.selection ?? snapshot.context.selection;
+      const selection = snapshot.context.selection;
       return selection ? {
         type: "serialization.success",
-        data: util_sliceBlocks.sliceBlocks({
+        data: selectionPoint.sliceBlocks({
           context: {
             selection,
             schema: snapshot.context.schema
           },
           blocks: snapshot.context.value
-        }).map((block) => util_sliceBlocks.isTextBlock(snapshot.context, block) ? block.children.map((child) => child._type === snapshot.context.schema.span.name ? child.text : snapshot.beta.hasTag("dragging internally") ? `[${snapshot.context.schema.inlineObjects.find((inlineObjectType) => inlineObjectType.name === child._type)?.title ?? "Object"}]` : "").join("") : snapshot.beta.hasTag("dragging internally") ? `[${snapshot.context.schema.blockObjects.find((blockObjectType) => blockObjectType.name === block._type)?.title ?? "Object"}]` : "").filter((block) => block !== "").join(`
+        }).map((block) => selectionPoint.isTextBlock(snapshot.context, block) ? block.children.map((child) => child._type === snapshot.context.schema.span.name ? child.text : event.originEvent === "drag.dragstart" ? `[${snapshot.context.schema.inlineObjects.find((inlineObjectType) => inlineObjectType.name === child._type)?.title ?? "Object"}]` : "").join("") : event.originEvent === "drag.dragstart" ? `[${snapshot.context.schema.blockObjects.find((blockObjectType) => blockObjectType.name === block._type)?.title ?? "Object"}]` : "").filter((block) => block !== "").join(`
 
 `),
         mimeType: "text/plain",
@@ -1347,7 +1307,7 @@ function createConverterTextPlain(legacySchema) {
       const textToHtml = `<html><body>${escapeHtml(event.data).split(/\n{2,}/).map((line) => line ? `<p>${line.replace(/(?:\r\n|\r|\n)/g, "<br/>")}</p>` : "<p></p>").join("")}</body></html>`, parsedBlocks = blockTools.htmlToBlocks(textToHtml, legacySchema.portableText, {
         keyGenerator: snapshot.context.keyGenerator
       }).flatMap((block) => {
-        const parsedBlock = util_sliceBlocks.parseBlock({
+        const parsedBlock = selectionPoint.parseBlock({
           context: snapshot.context,
           block,
           options: {
@@ -1563,9 +1523,7 @@ function getEditorSnapshot({
         decoratorState: slateEditorInstance.decoratorState,
         markState: slateEditorInstance.markState,
         schema: editorActorSnapshot.context.schema
-      }),
-      hasTag: (tag) => editorActorSnapshot.hasTag(tag),
-      internalDrag: editorActorSnapshot.context.internalDrag
+      })
     }
   };
 }
@@ -2819,7 +2777,7 @@ const addAnnotationOperationImplementation = ({
   context,
   operation
 }) => {
-  const parsedAnnotation = util_sliceBlocks.parseAnnotation({
+  const parsedAnnotation = selectionPoint.parseAnnotation({
     annotation: {
       _type: operation.annotation.name,
       ...operation.annotation.value
@@ -2975,7 +2933,7 @@ const addAnnotationOperationImplementation = ({
   const {
     _type,
     ...filteredProps
-  } = operation.props, updatedBlock = util_sliceBlocks.parseBlock({
+  } = operation.props, updatedBlock = selectionPoint.parseBlock({
     context,
     block: {
       ...parsedBlock,
@@ -3020,8 +2978,8 @@ const addAnnotationOperationImplementation = ({
   const parsedBlock = fromSlateValue([block], context.schema.block.name, KEY_TO_VALUE_ELEMENT.get(operation.editor)).at(0);
   if (!parsedBlock)
     throw new Error(`Unable to parse block at ${JSON.stringify(operation.at)}`);
-  if (util_sliceBlocks.isTextBlock(context, parsedBlock)) {
-    const propsToRemove = operation.props.filter((prop) => prop !== "_type"), updatedTextBlock = util_sliceBlocks.parseBlock({
+  if (selectionPoint.isTextBlock(context, parsedBlock)) {
+    const propsToRemove = operation.props.filter((prop) => prop !== "_type"), updatedTextBlock = selectionPoint.parseBlock({
       context,
       block: omit__default.default(parsedBlock, propsToRemove),
       options: {
@@ -3039,7 +2997,7 @@ const addAnnotationOperationImplementation = ({
     });
     return;
   }
-  const updatedBlockObject = util_sliceBlocks.parseBlock({
+  const updatedBlockObject = selectionPoint.parseBlock({
     context,
     block: omit__default.default(parsedBlock, operation.props.filter((prop) => prop !== "_type")),
     options: {
@@ -3065,14 +3023,14 @@ const addAnnotationOperationImplementation = ({
   context,
   operation
 }) => {
-  const editor = operation.editor, mark = operation.decorator, value = fromSlateValue(editor.children, context.schema.block.name, KEY_TO_VALUE_ELEMENT.get(editor)), manualAnchor = operation.at?.anchor ? util_sliceBlocks.blockOffsetToSpanSelectionPoint({
+  const editor = operation.editor, mark = operation.decorator, value = fromSlateValue(editor.children, context.schema.block.name, KEY_TO_VALUE_ELEMENT.get(editor)), manualAnchor = operation.at?.anchor ? selectionPoint.blockOffsetToSpanSelectionPoint({
     context: {
       ...context,
       value
     },
     blockOffset: operation.at.anchor,
     direction: "backward"
-  }) : void 0, manualFocus = operation.at?.focus ? util_sliceBlocks.blockOffsetToSpanSelectionPoint({
+  }) : void 0, manualFocus = operation.at?.focus ? selectionPoint.blockOffsetToSpanSelectionPoint({
     context: {
       ...context,
       value
@@ -3180,12 +3138,12 @@ const addAnnotationOperationImplementation = ({
 }, deleteOperationImplementation = ({
   operation
 }) => {
-  const anchorBlockPath = util_sliceBlocks.isKeyedSegment(operation.at.anchor.path[0]) ? getBlockPath({
+  const anchorBlockKey = selectionPoint.getBlockKeyFromSelectionPoint(operation.at.anchor), focusBlockKey = selectionPoint.getBlockKeyFromSelectionPoint(operation.at.focus), anchorBlockPath = anchorBlockKey !== void 0 ? getBlockPath({
     editor: operation.editor,
-    _key: operation.at.anchor.path[0]._key
-  }) : void 0, focusBlockPath = util_sliceBlocks.isKeyedSegment(operation.at.focus.path[0]) ? getBlockPath({
+    _key: anchorBlockKey
+  }) : void 0, focusBlockPath = focusBlockKey !== void 0 ? getBlockPath({
     editor: operation.editor,
-    _key: operation.at.focus.path[0]._key
+    _key: focusBlockKey
   }) : void 0;
   if (operation.at.anchor.path.length === 1 && operation.at.focus.path.length === 1 && anchorBlockPath && focusBlockPath && anchorBlockPath[0] === focusBlockPath[0]) {
     slate.Transforms.removeNodes(operation.editor, {
@@ -3205,7 +3163,7 @@ const addAnnotationOperationImplementation = ({
   context,
   operation
 }) => {
-  const parsedInlineObject = util_sliceBlocks.parseInlineObject({
+  const parsedInlineObject = selectionPoint.parseInlineObject({
     context,
     inlineObject: {
       _type: operation.inlineObject.name,
@@ -3275,7 +3233,7 @@ const addAnnotationOperationImplementation = ({
   context,
   operation
 }) => {
-  const parsedBlock = util_sliceBlocks.parseBlock({
+  const parsedBlock = selectionPoint.parseBlock({
     block: operation.block,
     context,
     options: {
@@ -3322,8 +3280,7 @@ function insertBlock({
     else if (placement === "after") {
       const nextPath = lastBlockPath ? [lastBlockPath[0] + 1] : [0];
       slate.Transforms.insertNodes(editor, [block], {
-        at: nextPath,
-        select: !1
+        at: nextPath
       }), select === "start" ? slate.Transforms.select(editor, slate.Editor.start(editor, nextPath)) : select === "end" && slate.Transforms.select(editor, slate.Editor.end(editor, nextPath));
     } else {
       if (lastBlock && isEqualToEmptyEditor([lastBlock], schema2)) {
@@ -3436,7 +3393,9 @@ function insertBlock({
           editor
         });
         if (focusChild && editor.isTextSpan(focusChild))
-          slate.Transforms.insertFragment(editor, [block], {
+          slate.Transforms.splitNodes(editor, {
+            at: currentSelection2
+          }), slate.Transforms.insertFragment(editor, [block], {
             at: currentSelection2
           }), select === "start" || select === "end" ? slate.Transforms.select(editor, [endBlockPath[0] + 1]) : slate.Transforms.select(editor, currentSelection2);
         else {
@@ -4212,7 +4171,7 @@ function unsetPatch(editor, patch) {
 function findBlock(children, path) {
   let blockIndex = -1;
   const block = children.find((node, index) => {
-    const isMatch = util_sliceBlocks.isKeyedSegment(path[0]) ? node._key === path[0]._key : index === path[0];
+    const isMatch = selectionPoint.isKeyedSegment(path[0]) ? node._key === path[0]._key : index === path[0];
     return isMatch && (blockIndex = index), isMatch;
   });
   if (block)
@@ -4227,7 +4186,7 @@ function findBlockChild(block, path) {
     return;
   let childIndex = -1;
   const child = blockNode.children.find((node, index) => {
-    const isMatch = util_sliceBlocks.isKeyedSegment(path[2]) ? node._key === path[2]._key : index === path[2];
+    const isMatch = selectionPoint.isKeyedSegment(path[2]) ? node._key === path[2]._key : index === path[2];
     return isMatch && (childIndex = index), isMatch;
   });
   if (child)
@@ -4237,14 +4196,14 @@ function findBlockChild(block, path) {
     };
 }
 function insertTextPatch(schema2, children, operation, beforeValue) {
-  const block = util_sliceBlocks.isTextBlock({
+  const block = selectionPoint.isTextBlock({
     schema: schema2
   }, children[operation.path[0]]) && children[operation.path[0]];
   if (!block)
     throw new Error("Could not find block");
-  const textChild = util_sliceBlocks.isTextBlock({
+  const textChild = selectionPoint.isTextBlock({
     schema: schema2
-  }, block) && util_sliceBlocks.isSpan$1({
+  }, block) && selectionPoint.isSpan$1({
     schema: schema2
   }, block.children[operation.path[1]]) && block.children[operation.path[1]];
   if (!textChild)
@@ -4253,9 +4212,9 @@ function insertTextPatch(schema2, children, operation, beforeValue) {
     _key: block._key
   }, "children", {
     _key: textChild._key
-  }, "text"], prevBlock = beforeValue[operation.path[0]], prevChild = util_sliceBlocks.isTextBlock({
+  }, "text"], prevBlock = beforeValue[operation.path[0]], prevChild = selectionPoint.isTextBlock({
     schema: schema2
-  }, prevBlock) && prevBlock.children[operation.path[1]], prevText = util_sliceBlocks.isSpan$1({
+  }, prevBlock) && prevBlock.children[operation.path[1]], prevText = selectionPoint.isSpan$1({
     schema: schema2
   }, prevChild) ? prevChild.text : "", patch = patches.diffMatchPatch(prevText, textChild.text, path);
   return patch.value.length ? [patch] : [];
@@ -4264,9 +4223,9 @@ function removeTextPatch(schema2, children, operation, beforeValue) {
   const block = children[operation.path[0]];
   if (!block)
     throw new Error("Could not find block");
-  const child = util_sliceBlocks.isTextBlock({
+  const child = selectionPoint.isTextBlock({
     schema: schema2
-  }, block) && block.children[operation.path[1]] || void 0, textChild = util_sliceBlocks.isSpan$1({
+  }, block) && block.children[operation.path[1]] || void 0, textChild = selectionPoint.isSpan$1({
     schema: schema2
   }, child) ? child : void 0;
   if (child && !textChild)
@@ -4277,9 +4236,9 @@ function removeTextPatch(schema2, children, operation, beforeValue) {
     _key: block._key
   }, "children", {
     _key: textChild._key
-  }, "text"], beforeBlock = beforeValue[operation.path[0]], prevTextChild = util_sliceBlocks.isTextBlock({
+  }, "text"], beforeBlock = beforeValue[operation.path[0]], prevTextChild = selectionPoint.isTextBlock({
     schema: schema2
-  }, beforeBlock) && beforeBlock.children[operation.path[1]], prevText = util_sliceBlocks.isSpan$1({
+  }, beforeBlock) && beforeBlock.children[operation.path[1]], prevText = selectionPoint.isSpan$1({
     schema: schema2
   }, prevTextChild) && prevTextChild.text, patch = patches.diffMatchPatch(prevText || "", textChild.text, path);
   return patch.value ? [patch] : [];
@@ -4298,7 +4257,7 @@ function setNodePatch(schema2, children, operation) {
     }])];
   } else if (operation.path.length === 2) {
     const block = children[operation.path[0]];
-    if (util_sliceBlocks.isTextBlock({
+    if (selectionPoint.isTextBlock({
       schema: schema2
     }, block)) {
       const child = block.children[operation.path[1]];
@@ -4333,7 +4292,7 @@ function insertNodePatch(schema2, children, operation, beforeValue) {
     return targetKey ? [patches.insert([fromSlateValue([operation.node], schema2.block.name)[0]], position, [{
       _key: targetKey
     }])] : [patches.setIfMissing(beforeValue, []), patches.insert([fromSlateValue([operation.node], schema2.block.name)[0]], "before", [operation.path[0]])];
-  } else if (util_sliceBlocks.isTextBlock({
+  } else if (selectionPoint.isTextBlock({
     schema: schema2
   }, block) && operation.path.length === 2 && children[operation.path[0]]) {
     const position = block.children.length === 0 || !block.children[operation.path[1] - 1] ? "before" : "after", node = {
@@ -4355,13 +4314,13 @@ function insertNodePatch(schema2, children, operation, beforeValue) {
 }
 function splitNodePatch(schema2, children, operation, beforeValue) {
   const patches$1 = [], splitBlock = children[operation.path[0]];
-  if (!util_sliceBlocks.isTextBlock({
+  if (!selectionPoint.isTextBlock({
     schema: schema2
   }, splitBlock))
     throw new Error(`Block with path ${JSON.stringify(operation.path[0])} is not a text block and can't be split`);
   if (operation.path.length === 1) {
     const oldBlock = beforeValue[operation.path[0]];
-    if (util_sliceBlocks.isTextBlock({
+    if (selectionPoint.isTextBlock({
       schema: schema2
     }, oldBlock)) {
       const targetValue = fromSlateValue([children[operation.path[0] + 1]], schema2.block.name)[0];
@@ -4380,7 +4339,7 @@ function splitNodePatch(schema2, children, operation, beforeValue) {
   }
   if (operation.path.length === 2) {
     const splitSpan = splitBlock.children[operation.path[1]];
-    if (util_sliceBlocks.isSpan$1({
+    if (selectionPoint.isSpan$1({
       schema: schema2
     }, splitSpan)) {
       const targetSpans = fromSlateValue([{
@@ -4409,7 +4368,7 @@ function removeNodePatch(schema2, beforeValue, operation) {
         _key: block._key
       }])];
     throw new Error("Block not found");
-  } else if (util_sliceBlocks.isTextBlock({
+  } else if (selectionPoint.isTextBlock({
     schema: schema2
   }, block) && operation.path.length === 2) {
     const spanToRemove = block.children[operation.path[1]];
@@ -4433,14 +4392,14 @@ function mergeNodePatch(schema2, children, operation, beforeValue) {
       }]));
     } else
       throw new Error("Target key not found!");
-  else if (util_sliceBlocks.isTextBlock({
+  else if (selectionPoint.isTextBlock({
     schema: schema2
-  }, block) && util_sliceBlocks.isTextBlock({
+  }, block) && selectionPoint.isTextBlock({
     schema: schema2
   }, updatedBlock) && operation.path.length === 2) {
-    const updatedSpan = updatedBlock.children[operation.path[1] - 1] && util_sliceBlocks.isSpan$1({
+    const updatedSpan = updatedBlock.children[operation.path[1] - 1] && selectionPoint.isSpan$1({
       schema: schema2
-    }, updatedBlock.children[operation.path[1] - 1]) ? updatedBlock.children[operation.path[1] - 1] : void 0, removedSpan = block.children[operation.path[1]] && util_sliceBlocks.isSpan$1({
+    }, updatedBlock.children[operation.path[1] - 1]) ? updatedBlock.children[operation.path[1] - 1] : void 0, removedSpan = block.children[operation.path[1]] && selectionPoint.isSpan$1({
       schema: schema2
     }, block.children[operation.path[1]]) ? block.children[operation.path[1]] : void 0;
     updatedSpan && (block.children.filter((span) => span._key === updatedSpan._key).length === 1 ? patches$1.push(patches.set(updatedSpan.text, [{
@@ -4466,9 +4425,9 @@ function moveNodePatch(schema2, beforeValue, operation) {
     }])), patches$1.push(patches.insert([fromSlateValue([block], schema2.block.name)[0]], position, [{
       _key: targetBlock._key
     }]));
-  } else if (operation.path.length === 2 && util_sliceBlocks.isTextBlock({
+  } else if (operation.path.length === 2 && selectionPoint.isTextBlock({
     schema: schema2
-  }, block) && util_sliceBlocks.isTextBlock({
+  }, block) && selectionPoint.isTextBlock({
     schema: schema2
   }, targetBlock)) {
     const child = block.children[operation.path[1]], targetChild = targetBlock.children[operation.newPath[1]], position = operation.newPath[1] === targetBlock.children.length ? "after" : "before", childToInsert = fromSlateValue([block], schema2.block.name)[0].children[operation.path[1]];
@@ -4695,7 +4654,7 @@ function createWithSchemaTypes({
   editorActor
 }) {
   return function(editor) {
-    editor.isTextBlock = (value) => util_sliceBlocks.isTextBlock(editorActor.getSnapshot().context, value), editor.isTextSpan = (value) => util_sliceBlocks.isSpan$1(editorActor.getSnapshot().context, value), editor.isListBlock = (value) => util_sliceBlocks.isListBlock(editorActor.getSnapshot().context, value), editor.isVoid = (element) => editorActor.getSnapshot().context.schema.block.name !== element._type && (editorActor.getSnapshot().context.schema.blockObjects.map((obj) => obj.name).includes(element._type) || editorActor.getSnapshot().context.schema.inlineObjects.map((obj) => obj.name).includes(element._type)), editor.isInline = (element) => editorActor.getSnapshot().context.schema.inlineObjects.map((obj) => obj.name).includes(element._type) && "__inline" in element && element.__inline === !0;
+    editor.isTextBlock = (value) => selectionPoint.isTextBlock(editorActor.getSnapshot().context, value), editor.isTextSpan = (value) => selectionPoint.isSpan$1(editorActor.getSnapshot().context, value), editor.isListBlock = (value) => selectionPoint.isListBlock(editorActor.getSnapshot().context, value), editor.isVoid = (element) => editorActor.getSnapshot().context.schema.block.name !== element._type && (editorActor.getSnapshot().context.schema.blockObjects.map((obj) => obj.name).includes(element._type) || editorActor.getSnapshot().context.schema.inlineObjects.map((obj) => obj.name).includes(element._type)), editor.isInline = (element) => editorActor.getSnapshot().context.schema.inlineObjects.map((obj) => obj.name).includes(element._type) && "__inline" in element && element.__inline === !0;
     const {
       normalizeNode
     } = editor;
@@ -4859,7 +4818,7 @@ function isEditorNode(node) {
   return typeof node == "object" && node !== null ? !("_type" in node) && "children" in node && Array.isArray(node.children) : !1;
 }
 function isTextBlockNode(context, node) {
-  return util_sliceBlocks.isTypedObject(node) && node._type === context.schema.block.name;
+  return selectionPoint.isTypedObject(node) && node._type === context.schema.block.name;
 }
 function isSpanNode(context, node) {
   return typeof node != "object" || node === null || "children" in node ? !1 : "_type" in node ? node._type === context.schema.span.name : "text" in node;
@@ -5444,7 +5403,7 @@ const arrowDownOnLonelyBlockObject = behaviors_index.defineBehavior({
     snapshot
   }) => {
     const focusTextBlock = selector_isSelectionExpanded.getFocusTextBlock(snapshot), selectionCollapsed = selector_isSelectionExpanded.isSelectionCollapsed(snapshot), previousBlock = selector_isSelectionExpanded.getPreviousBlock(snapshot);
-    return !focusTextBlock || !selectionCollapsed || !previousBlock ? !1 : util_isEqualSelectionPoints.isEmptyTextBlock(snapshot.context, focusTextBlock.node) && !util_sliceBlocks.isTextBlock(snapshot.context, previousBlock.node) ? {
+    return !focusTextBlock || !selectionCollapsed || !previousBlock ? !1 : util_isEqualSelectionPoints.isEmptyTextBlock(snapshot.context, focusTextBlock.node) && !selectionPoint.isTextBlock(snapshot.context, previousBlock.node) ? {
       focusTextBlock,
       previousBlock
     } : !1;
@@ -5474,7 +5433,7 @@ const arrowDownOnLonelyBlockObject = behaviors_index.defineBehavior({
     snapshot
   }) => {
     const focusTextBlock = selector_isSelectionExpanded.getFocusTextBlock(snapshot), selectionCollapsed = selector_isSelectionExpanded.isSelectionCollapsed(snapshot), nextBlock = selector_isSelectionExpanded.getNextBlock(snapshot);
-    return !focusTextBlock || !selectionCollapsed || !nextBlock ? !1 : util_isEqualSelectionPoints.isEmptyTextBlock(snapshot.context, focusTextBlock.node) && !util_sliceBlocks.isTextBlock(snapshot.context, nextBlock.node) ? {
+    return !focusTextBlock || !selectionCollapsed || !nextBlock ? !1 : util_isEqualSelectionPoints.isEmptyTextBlock(snapshot.context, focusTextBlock.node) && !selectionPoint.isTextBlock(snapshot.context, nextBlock.node) ? {
       focusTextBlock,
       nextBlock
     } : !1;
@@ -5551,7 +5510,131 @@ const arrowDownOnLonelyBlockObject = behaviors_index.defineBehavior({
       decorator: "code"
     })]]
   })
-}, coreDndBehaviors = [
+};
+function getCompoundClientRect(nodes) {
+  if (nodes.length === 0)
+    return new DOMRect(0, 0, 0, 0);
+  const elements = nodes.filter((node) => node instanceof Element), firstRect = elements.at(0)?.getBoundingClientRect();
+  if (!firstRect)
+    return new DOMRect(0, 0, 0, 0);
+  let left = firstRect.left, top = firstRect.top, right = firstRect.right, bottom = firstRect.bottom;
+  for (let i = 1; i < elements.length; i++) {
+    const rect = elements[i].getBoundingClientRect();
+    left = Math.min(left, rect.left), top = Math.min(top, rect.top), right = Math.max(right, rect.right), bottom = Math.max(bottom, rect.bottom);
+  }
+  return new DOMRect(left, top, right - left, bottom - top);
+}
+const coreDndBehaviors = [
+  /**
+   * Core Behavior that:
+   * 1. Calculates and selects a "drag selection"
+   * 2. Constructs and sets a drag ghost element
+   * 3. Forwards the dragstart event
+   */
+  behaviors_index.defineBehavior({
+    on: "drag.dragstart",
+    guard: ({
+      snapshot,
+      dom,
+      event
+    }) => {
+      const dragSelection = getDragSelection({
+        snapshot,
+        eventSelection: event.position.selection
+      }), selectingEntireBlocks = selector_isSelectingEntireBlocks.isSelectingEntireBlocks({
+        context: {
+          ...snapshot.context,
+          selection: dragSelection
+        }
+      }), draggedDomNodes = {
+        blockNodes: dom.getBlockNodes({
+          ...snapshot,
+          context: {
+            ...snapshot.context,
+            selection: dragSelection
+          }
+        }),
+        childNodes: dom.getChildNodes({
+          ...snapshot,
+          context: {
+            ...snapshot.context,
+            selection: dragSelection
+          }
+        })
+      };
+      return {
+        dragSelection,
+        draggedDomNodes,
+        selectingEntireBlocks
+      };
+    },
+    actions: [({
+      dom,
+      event
+    }, {
+      dragSelection,
+      draggedDomNodes,
+      selectingEntireBlocks
+    }) => {
+      const dragGhost = document.createElement("div");
+      if (selectingEntireBlocks) {
+        const clonedBlockNodes = draggedDomNodes.blockNodes.map((node) => node.cloneNode(!0));
+        for (const block of clonedBlockNodes)
+          block instanceof HTMLElement && (block.style.position = "relative"), dragGhost.appendChild(block);
+        const customGhost = dragGhost.querySelector("[data-pt-drag-ghost-element]");
+        if (customGhost && dragGhost.replaceChildren(customGhost), dragGhost.setAttribute("data-dragged", ""), dragGhost.style.position = "absolute", dragGhost.style.left = "-99999px", dragGhost.style.boxSizing = "border-box", document.body.appendChild(dragGhost), customGhost) {
+          const customGhostRect = customGhost.getBoundingClientRect(), x = event.originEvent.clientX - customGhostRect.left, y = event.originEvent.clientY - customGhostRect.top;
+          return dragGhost.style.width = `${customGhostRect.width}px`, dragGhost.style.height = `${customGhostRect.height}px`, [behaviors_index.raise({
+            type: "select",
+            at: dragSelection
+          }), behaviors_index.effect(() => {
+            dom.setDragGhost({
+              event,
+              ghost: {
+                element: dragGhost,
+                x,
+                y
+              }
+            });
+          }), behaviors_index.forward(event)];
+        } else {
+          const blocksDomRect = getCompoundClientRect(draggedDomNodes.blockNodes), x = event.originEvent.clientX - blocksDomRect.left, y = event.originEvent.clientY - blocksDomRect.top;
+          return dragGhost.style.width = `${blocksDomRect.width}px`, dragGhost.style.height = `${blocksDomRect.height}px`, [behaviors_index.raise({
+            type: "select",
+            at: dragSelection
+          }), behaviors_index.effect(() => {
+            dom.setDragGhost({
+              event,
+              ghost: {
+                element: dragGhost,
+                x,
+                y
+              }
+            });
+          }), behaviors_index.forward(event)];
+        }
+      } else {
+        const clonedChildNodes = draggedDomNodes.childNodes.map((node) => node.cloneNode(!0));
+        for (const child of clonedChildNodes)
+          dragGhost.appendChild(child);
+        dragGhost.style.position = "absolute", dragGhost.style.left = "-99999px", dragGhost.style.boxSizing = "border-box", document.body.appendChild(dragGhost);
+        const childrenDomRect = getCompoundClientRect(draggedDomNodes.childNodes), x = event.originEvent.clientX - childrenDomRect.left, y = event.originEvent.clientY - childrenDomRect.top;
+        return dragGhost.style.width = `${childrenDomRect.width}px`, dragGhost.style.height = `${childrenDomRect.height}px`, [behaviors_index.raise({
+          type: "select",
+          at: dragSelection
+        }), behaviors_index.effect(() => {
+          dom.setDragGhost({
+            event,
+            ghost: {
+              element: dragGhost,
+              x,
+              y
+            }
+          });
+        }), behaviors_index.forward(event)];
+      }
+    }]
+  }),
   /**
    * When dragging over the drag origin, we don't want to show the caret in the
    * text.
@@ -5562,7 +5645,7 @@ const arrowDownOnLonelyBlockObject = behaviors_index.defineBehavior({
       snapshot,
       event
     }) => {
-      const dragOrigin = snapshot.beta.internalDrag?.origin;
+      const dragOrigin = event.dragOrigin;
       return dragOrigin ? selector_isSelectingEntireBlocks.isOverlappingSelection(event.position.selection)({
         ...snapshot,
         context: {
@@ -5572,6 +5655,121 @@ const arrowDownOnLonelyBlockObject = behaviors_index.defineBehavior({
       }) : !1;
     },
     actions: []
+  }),
+  /**
+   * If the drop position overlaps the drag origin, then the event should be
+   * cancelled.
+   */
+  behaviors_index.defineBehavior({
+    on: "drag.drop",
+    guard: ({
+      snapshot,
+      event
+    }) => {
+      const dragOrigin = event.dragOrigin, dropPosition = event.position.selection;
+      return dragOrigin ? selector_isSelectingEntireBlocks.isOverlappingSelection(dropPosition)({
+        ...snapshot,
+        context: {
+          ...snapshot.context,
+          selection: dragOrigin.selection
+        }
+      }) : !1;
+    },
+    actions: []
+  }),
+  /**
+   * If we drop and have access to a drag origin, then we can deserialize
+   * without creating a new selection.
+   */
+  behaviors_index.defineBehavior({
+    on: "drag.drop",
+    guard: ({
+      event
+    }) => event.dragOrigin !== void 0,
+    actions: [({
+      event
+    }) => [behaviors_index.raise({
+      type: "deserialize",
+      originEvent: event
+    })]]
+  }),
+  /**
+   * Otherwise, we should to create a new selection.
+   */
+  behaviors_index.defineBehavior({
+    on: "drag.drop",
+    actions: [({
+      event
+    }) => [behaviors_index.raise({
+      type: "select",
+      at: event.position.selection
+    }), behaviors_index.raise({
+      type: "deserialize",
+      originEvent: event
+    })]]
+  }),
+  /**
+   * Core Behavior that uses the drag origin to mimic a move operation during
+   * internal dragging.
+   */
+  behaviors_index.defineBehavior({
+    on: "deserialization.success",
+    guard: ({
+      snapshot,
+      event
+    }) => {
+      if (event.originEvent.type !== "drag.drop" || event.originEvent.dragOrigin === void 0)
+        return !1;
+      const dragOrigin = event.originEvent.dragOrigin, dragSelection = getDragSelection({
+        eventSelection: dragOrigin.selection,
+        snapshot
+      }), dropPosition = event.originEvent.position.selection, droppingOnDragOrigin = dragOrigin ? selector_isSelectingEntireBlocks.isOverlappingSelection(dropPosition)({
+        ...snapshot,
+        context: {
+          ...snapshot.context,
+          selection: dragSelection
+        }
+      }) : !1, draggingEntireBlocks = selector_isSelectingEntireBlocks.isSelectingEntireBlocks({
+        context: {
+          ...snapshot.context,
+          selection: dragSelection
+        }
+      }), draggedBlocks = selector_isSelectionExpanded.getSelectedBlocks({
+        context: {
+          ...snapshot.context,
+          selection: dragSelection
+        }
+      });
+      return droppingOnDragOrigin ? !1 : {
+        dropPosition,
+        draggingEntireBlocks,
+        draggedBlocks,
+        dragOrigin,
+        originEvent: event.originEvent
+      };
+    },
+    actions: [({
+      event
+    }, {
+      draggingEntireBlocks,
+      draggedBlocks,
+      dragOrigin,
+      dropPosition,
+      originEvent
+    }) => [...draggingEntireBlocks ? draggedBlocks.map((block) => behaviors_index.raise({
+      type: "delete.block",
+      at: block.path
+    })) : [behaviors_index.raise({
+      type: "delete",
+      at: dragOrigin.selection
+    })], behaviors_index.raise({
+      type: "select",
+      at: dropPosition
+    }), behaviors_index.raise({
+      type: "insert.blocks",
+      blocks: event.data,
+      placement: draggingEntireBlocks ? originEvent.position.block === "start" ? "before" : originEvent.position.block === "end" ? "after" : "auto" : "auto"
+    })]]
   })
 ], breakingAtTheEndOfTextBlock = behaviors_index.defineBehavior({
   on: "insert.break",
@@ -5657,13 +5855,13 @@ const arrowDownOnLonelyBlockObject = behaviors_index.defineBehavior({
     const firstBlock = selector_isSelectionExpanded.getFirstBlock(snapshot), lastBlock = selector_isSelectionExpanded.getLastBlock(snapshot);
     if (!firstBlock || !lastBlock)
       return !1;
-    const firstBlockStartPoint = util_sliceBlocks.getBlockStartPoint({
+    const firstBlockStartPoint = selectionPoint.getBlockStartPoint({
       context: snapshot.context,
       block: firstBlock
-    }), selectionStartPoint = util_selectionPointToBlockOffset.getSelectionStartPoint(snapshot.context.selection), lastBlockEndPoint = util_isEqualSelectionPoints.getBlockEndPoint({
+    }), selectionStartPoint = selectionPoint.getSelectionStartPoint(snapshot.context.selection), lastBlockEndPoint = util_isEqualSelectionPoints.getBlockEndPoint({
       context: snapshot.context,
       block: lastBlock
-    }), selectionEndPoint = util_selectionPointToBlockOffset.getSelectionEndPoint(snapshot.context.selection);
+    }), selectionEndPoint = selectionPoint.getSelectionEndPoint(snapshot.context.selection);
     return util_isEqualSelectionPoints.isEqualSelectionPoints(firstBlockStartPoint, selectionStartPoint) && util_isEqualSelectionPoints.isEqualSelectionPoints(lastBlockEndPoint, selectionEndPoint) ? {
       selection: snapshot.context.selection
     } : !1;
@@ -5684,13 +5882,13 @@ const arrowDownOnLonelyBlockObject = behaviors_index.defineBehavior({
     const selectedBlocks = selector_isSelectionExpanded.getSelectedBlocks(snapshot), selectionStartBlock = selector_isSelectionExpanded.getSelectionStartBlock(snapshot), selectionEndBlock = selector_isSelectionExpanded.getSelectionEndBlock(snapshot);
     if (!selectionStartBlock || !selectionEndBlock)
       return !1;
-    const startBlockStartPoint = util_sliceBlocks.getBlockStartPoint({
+    const startBlockStartPoint = selectionPoint.getBlockStartPoint({
       context: snapshot.context,
       block: selectionStartBlock
-    }), selectionStartPoint = util_selectionPointToBlockOffset.getSelectionStartPoint(snapshot.context.selection), endBlockEndPoint = util_isEqualSelectionPoints.getBlockEndPoint({
+    }), selectionStartPoint = selectionPoint.getSelectionStartPoint(snapshot.context.selection), endBlockEndPoint = util_isEqualSelectionPoints.getBlockEndPoint({
       context: snapshot.context,
       block: selectionEndBlock
-    }), selectionEndPoint = util_selectionPointToBlockOffset.getSelectionEndPoint(snapshot.context.selection);
+    }), selectionEndPoint = selectionPoint.getSelectionEndPoint(snapshot.context.selection);
     return util_isEqualSelectionPoints.isEqualSelectionPoints(selectionStartPoint, startBlockStartPoint) && util_isEqualSelectionPoints.isEqualSelectionPoints(selectionEndPoint, endBlockEndPoint) ? {
       selectedBlocks
     } : !1;
@@ -5783,7 +5981,7 @@ const arrowDownOnLonelyBlockObject = behaviors_index.defineBehavior({
   }) => {
     if (!isHotkey("Tab", event.originEvent))
       return !1;
-    const selectedBlocks = selector_isSelectionExpanded.getSelectedBlocks(snapshot), selectedListBlocks = selectedBlocks.flatMap((block) => util_sliceBlocks.isListBlock(snapshot.context, block.node) ? [{
+    const selectedBlocks = selector_isSelectionExpanded.getSelectedBlocks(snapshot), selectedListBlocks = selectedBlocks.flatMap((block) => selectionPoint.isListBlock(snapshot.context, block.node) ? [{
       node: block.node,
       path: block.path
     }] : []);
@@ -5808,7 +6006,7 @@ const arrowDownOnLonelyBlockObject = behaviors_index.defineBehavior({
   }) => {
     if (!isHotkey("Shift+Tab", event.originEvent))
       return !1;
-    const selectedBlocks = selector_isSelectionExpanded.getSelectedBlocks(snapshot), selectedListBlocks = selectedBlocks.flatMap((block) => util_sliceBlocks.isListBlock(snapshot.context, block.node) ? [{
+    const selectedBlocks = selector_isSelectionExpanded.getSelectedBlocks(snapshot), selectedListBlocks = selectedBlocks.flatMap((block) => selectionPoint.isListBlock(snapshot.context, block.node) ? [{
       node: block.node,
       path: block.path
     }] : []);
@@ -5834,7 +6032,52 @@ const arrowDownOnLonelyBlockObject = behaviors_index.defineBehavior({
 }, coreBehaviorsConfig = [coreAnnotationBehaviors.addAnnotationOnCollapsedSelection, coreDecoratorBehaviors.strongShortcut, coreDecoratorBehaviors.emShortcut, coreDecoratorBehaviors.underlineShortcut, coreDecoratorBehaviors.codeShortcut, ...coreDndBehaviors, coreBlockObjectBehaviors.clickingAboveLonelyBlockObject, coreBlockObjectBehaviors.clickingBelowLonelyBlockObject, coreBlockObjectBehaviors.arrowDownOnLonelyBlockObject, coreBlockObjectBehaviors.arrowUpOnLonelyBlockObject, coreBlockObjectBehaviors.breakingBlockObject, coreBlockObjectBehaviors.deletingEmptyTextBlockAfterBlockObject, coreBlockObjectBehaviors.deletingEmptyTextBlockBeforeBlockObject, coreListBehaviors.clearListOnBackspace, coreListBehaviors.unindentListOnBackspace, coreListBehaviors.clearListOnEnter, coreListBehaviors.indentListOnTab, coreListBehaviors.unindentListOnShiftTab, coreInsertBreakBehaviors.breakingAtTheEndOfTextBlock, coreInsertBreakBehaviors.breakingAtTheStartOfTextBlock, coreInsertBreakBehaviors.breakingEntireDocument, coreInsertBreakBehaviors.breakingEntireBlocks].map((behavior) => ({
   behavior,
   priority: corePriority
-})), abstractAnnotationBehaviors = [behaviors_index.defineBehavior({
+}));
+function createEditorDom(sendBack, slateEditor) {
+  return {
+    getBlockNodes: (snapshot) => getBlockNodes(slateEditor, snapshot),
+    getChildNodes: (snapshot) => getChildNodes(slateEditor, snapshot),
+    setDragGhost: ({
+      event,
+      ghost
+    }) => setDragGhost({
+      sendBack,
+      event,
+      ghost
+    })
+  };
+}
+function getBlockNodes(slateEditor, snapshot) {
+  if (!snapshot.context.selection)
+    return [];
+  const range = toSlateRange(snapshot.context.selection, slateEditor);
+  return range ? Array.from(slate.Editor.nodes(slateEditor, {
+    at: range,
+    mode: "highest",
+    match: (n) => !slate.Editor.isEditor(n)
+  })).map(([blockNode]) => slateDom.DOMEditor.toDOMNode(slateEditor, blockNode)) : [];
+}
+function getChildNodes(slateEditor, snapshot) {
+  if (!snapshot.context.selection)
+    return [];
+  const range = toSlateRange(snapshot.context.selection, slateEditor);
+  return range ? Array.from(slate.Editor.nodes(slateEditor, {
+    at: range,
+    mode: "lowest",
+    match: (n) => !slate.Editor.isEditor(n)
+  })).map(([childNode]) => slateDom.DOMEditor.toDOMNode(slateEditor, childNode)) : [];
+}
+function setDragGhost({
+  sendBack,
+  event,
+  ghost
+}) {
+  event.originEvent.dataTransfer.setDragImage(ghost.element, ghost.x, ghost.y), sendBack({
+    type: "set drag ghost",
+    ghost: ghost.element
+  });
+}
+const abstractAnnotationBehaviors = [behaviors_index.defineBehavior({
   on: "annotation.toggle",
   guard: ({
     snapshot,
@@ -5988,7 +6231,7 @@ const arrowDownOnLonelyBlockObject = behaviors_index.defineBehavior({
     type: "insert.block",
     block,
     placement: index === 0 ? "before" : "after",
-    select: "end"
+    select: event.select ?? "end"
   }))]
 }), behaviors_index.defineBehavior({
   on: "insert.blocks",
@@ -6001,7 +6244,7 @@ const arrowDownOnLonelyBlockObject = behaviors_index.defineBehavior({
     type: "insert.block",
     block,
     placement: "after",
-    select: "end"
+    select: event.select ?? "end"
   }))]
 }), behaviors_index.defineBehavior({
   on: "insert.blocks",
@@ -6025,12 +6268,12 @@ const arrowDownOnLonelyBlockObject = behaviors_index.defineBehavior({
     type: "insert.block",
     block: event.blocks[0],
     placement: "auto",
-    select: "end"
+    select: event.select ?? "end"
   })] : util_isEqualSelectionPoints.isEmptyTextBlock(snapshot.context, focusTextBlock.node) ? event.blocks.map((block, index) => behaviors_index.raise({
     type: "insert.block",
     block,
     placement: index === 0 ? "auto" : "after",
-    select: "end"
+    select: event.select ?? "end"
   })) : event.blocks.flatMap((block, index) => index === 0 ? [behaviors_index.raise({
     type: "split"
   }), behaviors_index.raise({
@@ -6040,7 +6283,7 @@ const arrowDownOnLonelyBlockObject = behaviors_index.defineBehavior({
     type: "insert.block",
     block,
     placement: "auto",
-    select: "end"
+    select: event.select ?? "end"
   })] : index === event.blocks.length - 1 ? [behaviors_index.raise({
     type: "select.next block",
     select: "start"
@@ -6048,12 +6291,12 @@ const arrowDownOnLonelyBlockObject = behaviors_index.defineBehavior({
     type: "insert.block",
     block,
     placement: "auto",
-    select: "end"
+    select: event.select ?? "end"
   })] : [behaviors_index.raise({
     type: "insert.block",
     block,
     placement: "after",
-    select: "end"
+    select: event.select ?? "end"
   })])]
 }), behaviors_index.defineBehavior({
   on: "insert.blocks",
@@ -6066,7 +6309,7 @@ const arrowDownOnLonelyBlockObject = behaviors_index.defineBehavior({
     type: "insert.block",
     block,
     placement: index === 0 ? "auto" : "after",
-    select: "end"
+    select: event.select ?? "end"
   }))]
 }), behaviors_index.defineBehavior({
   on: "insert.break",
@@ -6234,7 +6477,7 @@ const arrowDownOnLonelyBlockObject = behaviors_index.defineBehavior({
     const point = event.select === "end" ? util_isEqualSelectionPoints.getBlockEndPoint({
       context: snapshot.context,
       block: previousBlock
-    }) : util_sliceBlocks.getBlockStartPoint({
+    }) : selectionPoint.getBlockStartPoint({
       context: snapshot.context,
       block: previousBlock
     });
@@ -6263,7 +6506,7 @@ const arrowDownOnLonelyBlockObject = behaviors_index.defineBehavior({
     const point = event.select === "end" ? util_isEqualSelectionPoints.getBlockEndPoint({
       context: snapshot.context,
       block: nextBlock
-    }) : util_sliceBlocks.getBlockStartPoint({
+    }) : selectionPoint.getBlockStartPoint({
       context: snapshot.context,
       block: nextBlock
     });
@@ -6287,7 +6530,7 @@ const arrowDownOnLonelyBlockObject = behaviors_index.defineBehavior({
   }) => {
     if (!snapshot.context.selection)
       return !1;
-    const selectionStartPoint = util_selectionPointToBlockOffset.getSelectionStartPoint(snapshot.context.selection), selectionEndPoint = util_selectionPointToBlockOffset.getSelectionEndPoint(snapshot.context.selection), focusTextBlock = selector_isSelectionExpanded.getFocusTextBlock({
+    const selectionStartPoint = selectionPoint.getSelectionStartPoint(snapshot.context.selection), selectionEndPoint = selectionPoint.getSelectionEndPoint(snapshot.context.selection), focusTextBlock = selector_isSelectionExpanded.getFocusTextBlock({
       context: {
         ...snapshot.context,
         selection: {
@@ -6303,8 +6546,8 @@ const arrowDownOnLonelyBlockObject = behaviors_index.defineBehavior({
       }), newTextBlockSelection = {
         anchor: selectionEndPoint,
         focus: blockEndPoint
-      }, newTextBlock = util_sliceBlocks.parseBlock({
-        block: util_sliceBlocks.sliceBlocks({
+      }, newTextBlock = selectionPoint.parseBlock({
+        block: selectionPoint.sliceBlocks({
           context: {
             ...snapshot.context,
             selection: newTextBlockSelection
@@ -6317,7 +6560,7 @@ const arrowDownOnLonelyBlockObject = behaviors_index.defineBehavior({
           validateFields: !0
         }
       });
-      return !newTextBlock || !util_sliceBlocks.isTextBlock(snapshot.context, newTextBlock) ? !1 : {
+      return !newTextBlock || !selectionPoint.isTextBlock(snapshot.context, newTextBlock) ? !1 : {
         newTextBlock,
         newTextBlockSelection,
         selection: {
@@ -6335,7 +6578,7 @@ const arrowDownOnLonelyBlockObject = behaviors_index.defineBehavior({
         }
       }
     })) {
-      const newTextBlock = util_sliceBlocks.parseBlock({
+      const newTextBlock = selectionPoint.parseBlock({
         block: {
           _type: snapshot.context.schema.block.name,
           children: []
@@ -6570,86 +6813,6 @@ const arrowDownOnLonelyBlockObject = behaviors_index.defineBehavior({
       }
     }]]
   }),
-  behaviors_index.defineBehavior({
-    on: "drag.drop",
-    guard: ({
-      snapshot,
-      event
-    }) => {
-      const dragOrigin = snapshot.beta.internalDrag?.origin, dropPosition = event.position.selection;
-      return dragOrigin ? selector_isSelectingEntireBlocks.isOverlappingSelection(dropPosition)({
-        ...snapshot,
-        context: {
-          ...snapshot.context,
-          selection: dragOrigin.selection
-        }
-      }) : !1;
-    },
-    actions: []
-  }),
-  behaviors_index.defineBehavior({
-    on: "drag.drop",
-    actions: [({
-      event
-    }) => [behaviors_index.raise({
-      type: "select",
-      at: event.position.selection
-    }), behaviors_index.raise({
-      type: "deserialize",
-      originEvent: event
-    })]]
-  }),
-  behaviors_index.defineBehavior({
-    on: "deserialization.success",
-    guard: ({
-      snapshot,
-      event
-    }) => {
-      if (event.originEvent.type !== "drag.drop" || snapshot.beta.internalDrag === void 0)
-        return !1;
-      const dragOrigin = snapshot.beta.internalDrag.origin, dropPosition = event.originEvent.position.selection, droppingOnDragOrigin = dragOrigin ? selector_isSelectingEntireBlocks.isOverlappingSelection(dropPosition)({
-        ...snapshot,
-        context: {
-          ...snapshot.context,
-          selection: dragOrigin.selection
-        }
-      }) : !1, draggingEntireBlocks = selector_isSelectingEntireBlocks.isSelectingEntireBlocks({
-        context: {
-          ...snapshot.context,
-          selection: dragOrigin.selection
-        }
-      }), draggedBlocks = selector_isSelectionExpanded.getSelectedBlocks({
-        context: {
-          ...snapshot.context,
-          selection: dragOrigin.selection
-        }
-      });
-      return droppingOnDragOrigin ? !1 : {
-        draggingEntireBlocks,
-        draggedBlocks,
-        dragOrigin,
-        originEvent: event.originEvent
-      };
-    },
-    actions: [({
-      event
-    }, {
-      draggingEntireBlocks,
-      draggedBlocks,
-      dragOrigin,
-      originEvent
-    }) => [...draggingEntireBlocks ? draggedBlocks.map((block) => behaviors_index.raise({
-      type: "delete.block",
-      at: block.path
-    })) : [behaviors_index.raise({
-      type: "delete",
-      at: dragOrigin.selection
-    })], behaviors_index.raise({
-      type: "insert.blocks",
-      blocks: event.data,
-      placement: draggingEntireBlocks ? originEvent.position.block === "start" ? "before" : originEvent.position.block === "end" ? "after" : "auto" : "auto"
-    })]]
-  }),
   /**
    * If we are pasting text/plain into a text block then we can probably
    * assume that the intended behavior is that the pasted text inherits
@@ -6666,7 +6829,7 @@ const arrowDownOnLonelyBlockObject = behaviors_index.defineBehavior({
         return {
           activeAnnotations: selector_isSelectingEntireBlocks.getActiveAnnotations(snapshot),
           activeDecorators,
-          textRuns: event.data.flatMap((block) => util_sliceBlocks.isTextBlock(snapshot.context, block) ? [util_sliceBlocks.getTextBlockText(block)] : [])
+          textRuns: event.data.flatMap((block) => selectionPoint.isTextBlock(snapshot.context, block) ? [selectionPoint.getTextBlockText(block)] : [])
         };
       }
       return !1;
@@ -6801,7 +6964,8 @@ function performEvent({
   keyGenerator,
   schema: schema2,
   getSnapshot,
-  nativeEvent
+  nativeEvent,
+  sendBack
 }) {
   debug$9(`(${mode}:${eventCategory(event)})`, JSON.stringify(event, null, 2));
   const eventBehaviors = [...remainingEventBehaviors, ...abstractBehaviors].filter((behavior) => {
@@ -6833,7 +6997,8 @@ function performEvent({
     try {
       shouldRun = eventBehavior.guard === void 0 || eventBehavior.guard({
         snapshot: guardSnapshot,
-        event
+        event,
+        dom: createEditorDom(sendBack, editor)
       });
     } catch (error) {
       console.error(new Error(`Evaluating guard for "${event.type}" failed due to: ${error.message}`));
@@ -6846,7 +7011,8 @@ function performEvent({
         try {
           actions = actionSet({
             snapshot: actionsSnapshot,
-            event
+            event,
+            dom: createEditorDom(sendBack, editor)
           }, shouldRun);
         } catch (error) {
           console.error(new Error(`Evaluating actions for "${event.type}" failed due to: ${error.message}`));
@@ -6875,7 +7041,8 @@ function performEvent({
                     keyGenerator,
                     schema: schema2,
                     getSnapshot,
-                    nativeEvent
+                    nativeEvent,
+                    sendBack
                   });
                   continue;
                 }
@@ -6889,7 +7056,8 @@ function performEvent({
                     keyGenerator,
                     schema: schema2,
                     getSnapshot,
-                    nativeEvent
+                    nativeEvent,
+                    sendBack
                   });
                   continue;
                 }
@@ -6902,7 +7070,8 @@ function performEvent({
                   keyGenerator,
                   schema: schema2,
                   getSnapshot,
-                  nativeEvent: void 0
+                  nativeEvent: void 0,
+                  sendBack
                 });
               }
             });
@@ -6929,7 +7098,8 @@ function performEvent({
                 keyGenerator,
                 schema: schema2,
                 getSnapshot,
-                nativeEvent
+                nativeEvent,
+                sendBack
               });
               continue;
             }
@@ -6943,7 +7113,8 @@ function performEvent({
                 keyGenerator,
                 schema: schema2,
                 getSnapshot,
-                nativeEvent
+                nativeEvent,
+                sendBack
               });
               continue;
             }
@@ -7015,9 +7186,7 @@ function createEditorSnapshot({
   editor,
   keyGenerator,
   readOnly,
-  schema: schema2,
-  hasTag,
-  internalDrag
+  schema: schema2
 }) {
   const selection = editor.selection ? slateRangeToSelection({
     schema: schema2,
@@ -7042,9 +7211,7 @@ function createEditorSnapshot({
         decoratorState: editor.decoratorState,
         markState: editor.markState,
         schema: schema2
-      }),
-      hasTag,
-      internalDrag
+      })
     }
   };
 }
@@ -7166,11 +7333,10 @@ const debug$8 = debugWithName("editor machine"), editorMachine = xstate.setup({
             readOnly: self.getSnapshot().matches({
               "edit mode": "read only"
             }),
-            schema: context.schema,
-            hasTag: (tag) => self.getSnapshot().hasTag(tag),
-            internalDrag: context.internalDrag
+            schema: context.schema
           }),
-          nativeEvent: event.nativeEvent
+          nativeEvent: event.nativeEvent,
+          sendBack: (event2) => self.send(event2)
         });
       } catch (error) {
         console.error(new Error(`Raising "${event.behaviorEvent.type}" failed due to: ${error.message}`));
@@ -7224,6 +7390,13 @@ const debug$8 = debugWithName("editor machine"), editorMachine = xstate.setup({
         ...event,
         type: "selection"
       }))]
+    },
+    "set drag ghost": {
+      actions: xstate.assign({
+        dragGhost: ({
+          event
+        }) => event.ghost
+      })
     }
   },
   type: "parallel",
@@ -7318,7 +7491,6 @@ const debug$8 = debugWithName("editor machine"), editorMachine = xstate.setup({
                     internalDrag: ({
                       event
                     }) => ({
-                      ghost: event.ghost,
                       origin: event.origin
                     })
                   })],
@@ -7368,13 +7540,15 @@ const debug$8 = debugWithName("editor machine"), editorMachine = xstate.setup({
               }, ({
                 context
               }) => {
-                if (context.internalDrag?.ghost)
+                if (context.dragGhost)
                   try {
-                    context.internalDrag.ghost.parentNode?.removeChild(context.internalDrag.ghost);
+                    context.dragGhost.parentNode?.removeChild(context.dragGhost);
                   } catch (error) {
-                    console.error(new Error(`Removing the internal drag ghost failed due to: ${error.message}`));
+                    console.error(new Error(`Removing the drag ghost failed due to: ${error.message}`));
                   }
               }, xstate.assign({
+                dragGhost: void 0
+              }), xstate.assign({
                 internalDrag: void 0
               })],
               tags: ["dragging internally"],
@@ -8409,7 +8583,7 @@ function validateValue(value, types2, keyGenerator) {
           }
         }, !0;
       }
-      return !blk._type && util_sliceBlocks.isTextBlock({
+      return !blk._type && selectionPoint.isTextBlock({
         schema: types2
       }, {
         ...blk,
@@ -10574,7 +10748,7 @@ const debug = debugWithName("component:Editable"), PortableTextEditable = React.
           type: "behavior event",
           behaviorEvent: {
             type: "insert.blocks",
-            blocks: util_sliceBlocks.parseBlocks({
+            blocks: selectionPoint.parseBlocks({
               context: {
                 keyGenerator: editorActor.getSnapshot().context.keyGenerator,
                 schema: editorActor.getSnapshot().context.schema
@@ -10755,73 +10929,19 @@ const debug = debugWithName("component:Editable"), PortableTextEditable = React.
       console.warn("Could not find position for dragstart event");
       return;
     }
-    const snapshot = getEditorSnapshot({
-      editorActorSnapshot: editorActor.getSnapshot(),
-      slateEditorInstance: slateEditor
-    }), dragSelection = getDragSelection({
-      eventSelection: position_4.selection,
-      snapshot
-    }), selectingEntireBlocks = selector_isSelectingEntireBlocks.isSelectingEntireBlocks({
-      context: {
-        ...snapshot.context,
-        selection: dragSelection
-      }
-    }), dragGhost = document.createElement("div"), draggedDomNodes = getSelectionDomNodes({
-      snapshot: {
-        context: {
-          ...snapshot.context,
-          selection: dragSelection
-        }
-      },
-      slateEditor
-    });
-    if (selectingEntireBlocks) {
-      const clonedBlockNodes = draggedDomNodes.blockNodes.map((node) => node.cloneNode(!0));
-      for (const block of clonedBlockNodes)
-        block instanceof HTMLElement && (block.style.position = "relative"), dragGhost.appendChild(block);
-      const customGhost = dragGhost.querySelector("[data-pt-drag-ghost-element]");
-      if (customGhost && dragGhost.replaceChildren(customGhost), dragGhost.setAttribute("data-dragged", ""), dragGhost.style.position = "absolute", dragGhost.style.left = "-99999px", dragGhost.style.boxSizing = "border-box", document.body.appendChild(dragGhost), customGhost) {
-        const customGhostRect = customGhost.getBoundingClientRect(), x = event_8.clientX - customGhostRect.left, y = event_8.clientY - customGhostRect.top;
-        dragGhost.style.width = `${customGhostRect.width}px`, dragGhost.style.height = `${customGhostRect.height}px`, event_8.dataTransfer.setDragImage(dragGhost, x, y);
-      } else {
-        const blocksDomRect = getCompoundClientRect(draggedDomNodes.blockNodes), x_0 = event_8.clientX - blocksDomRect.left, y_0 = event_8.clientY - blocksDomRect.top;
-        dragGhost.style.width = `${blocksDomRect.width}px`, dragGhost.style.height = `${blocksDomRect.height}px`, event_8.dataTransfer.setDragImage(dragGhost, x_0, y_0);
-      }
-    } else {
-      const clonedChildNodes = draggedDomNodes.childNodes.map((node_0) => node_0.cloneNode(!0));
-      for (const child of clonedChildNodes)
-        dragGhost.appendChild(child);
-      dragGhost.style.position = "absolute", dragGhost.style.left = "-99999px", dragGhost.style.boxSizing = "border-box", document.body.appendChild(dragGhost);
-      const childrenDomRect = getCompoundClientRect(draggedDomNodes.childNodes), x_1 = event_8.clientX - childrenDomRect.left, y_1 = event_8.clientY - childrenDomRect.top;
-      dragGhost.style.width = `${childrenDomRect.width}px`, dragGhost.style.height = `${childrenDomRect.height}px`, event_8.dataTransfer.setDragImage(dragGhost, x_1, y_1);
-    }
     return editorActor.send({
-      type: "behavior event",
-      behaviorEvent: {
-        type: "select",
-        at: util_selectionPointToBlockOffset.isSelectionCollapsed(dragSelection) ? dragSelection : {
-          anchor: util_selectionPointToBlockOffset.getSelectionEndPoint(dragSelection),
-          focus: util_selectionPointToBlockOffset.getSelectionEndPoint(dragSelection),
-          backward: !1
-        }
-      },
-      editor: slateEditor
-    }), editorActor.send({
       type: "dragstart",
-      origin: {
-        selection: dragSelection
-      },
-      ghost: dragGhost
+      origin: position_4
     }), editorActor.send({
       type: "behavior event",
       behaviorEvent: {
         type: "drag.dragstart",
         originEvent: {
+          clientX: event_8.clientX,
+          clientY: event_8.clientY,
           dataTransfer: event_8.dataTransfer
         },
-        position: {
-          selection: dragSelection
-        }
+        position: position_4
       },
       editor: slateEditor
     }), !0;
@@ -10889,6 +11009,7 @@ const debug = debugWithName("component:Editable"), PortableTextEditable = React.
           originEvent: {
             dataTransfer: event_12.dataTransfer
           },
+          dragOrigin: editorActor.getSnapshot().context.internalDrag?.origin,
           position: position_7
         },
         editor: slateEditor,
@@ -10913,6 +11034,7 @@ const debug = debugWithName("component:Editable"), PortableTextEditable = React.
         originEvent: {
           dataTransfer: event_13.dataTransfer
         },
+        dragOrigin: editorActor.getSnapshot().context.internalDrag?.origin,
         position: position_8
       },
       editor: slateEditor,