@portabletext/editor 4.0.0 → 4.0.1

package/lib/index.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
 import { useSelector, useActorRef } from "@xstate/react";
-import { createContext, useContext, useEffect, useState, useRef, forwardRef, Component, startTransition } from "react";
+import { createContext, useRef, useContext, useState, useEffect, forwardRef, Component, startTransition } from "react";
 import { Element as Element$1, Text, Range, Editor, Node, Point, Path, Transforms, deleteText, Operation, createEditor } from "slate";
 import { useSelected, useSlateSelector, useSlateStatic, ReactEditor, useSlate, Editable, withReact, Slate } from "slate-react";
 import debug$h from "debug";
@@ -11,7 +11,7 @@ import { isTextBlock, isSpan, compileSchema } from "@portabletext/schema";
 import { defineSchema } from "@portabletext/schema";
 import { isEmptyTextBlock, sliceTextBlock, getTextBlockText } from "./_chunks-es/util.slice-text-block.js";
 import { setup, fromCallback, assign, and, enqueueActions, emit, assertEvent, raise as raise$1, not, createActor } from "xstate";
-import { getFocusInlineObject, isSelectionCollapsed as isSelectionCollapsed$1, getFocusTextBlock, getFocusSpan as getFocusSpan$1, getSelectedBlocks, isSelectionExpanded, getSelectionStartBlock, getSelectionEndBlock, isOverlappingSelection, getFocusBlock as getFocusBlock$1, isSelectingEntireBlocks, getSelectedValue, isActiveAnnotation, getActiveAnnotationsMarks, getActiveDecorators, getSelectionStartChild, getSelectionEndChild, getSelectionStartPoint, getSelectionEndPoint, getPreviousSpan, getNextSpan, getCaretWordSelection, getFocusBlockObject, getPreviousBlock, getNextBlock, getMarkState, isAtTheEndOfBlock, isAtTheStartOfBlock, getFocusListBlock, isActiveDecorator, getFocusChild as getFocusChild$1, getActiveAnnotations, getLastBlock as getLastBlock$1, getSelectedTextBlocks, isActiveListItem, isActiveStyle } from "./_chunks-es/selector.is-at-the-start-of-block.js";
+import { isSelectionCollapsed as isSelectionCollapsed$1, getFocusSpan as getFocusSpan$1, isOverlappingSelection, getFocusInlineObject, getFocusTextBlock, getSelectedBlocks, isSelectionExpanded, getSelectionStartBlock, getSelectionEndBlock, getFocusBlock as getFocusBlock$1, isSelectingEntireBlocks, getSelectedValue, isActiveAnnotation, getActiveAnnotationsMarks, getActiveDecorators, getSelectionStartChild, getSelectionEndChild, getSelectionStartPoint, getSelectionEndPoint, getPreviousSpan, getNextSpan, getCaretWordSelection, getFocusBlockObject, getPreviousBlock, getNextBlock, getMarkState, isAtTheEndOfBlock, isAtTheStartOfBlock, getFocusListBlock, isActiveDecorator, getFocusChild as getFocusChild$1, getActiveAnnotations, getLastBlock as getLastBlock$1, getSelectedTextBlocks, isActiveListItem, isActiveStyle } from "./_chunks-es/selector.is-at-the-start-of-block.js";
 import { defineBehavior, forward, raise, effect } from "./behaviors/index.js";
 import { compileSchemaDefinitionToPortableTextMemberSchemaTypes, createPortableTextMemberSchemaTypes, portableTextMemberSchemaTypesToSchema } from "@portabletext/sanity-bridge";
 import { htmlToBlocks } from "@portabletext/block-tools";
@@ -1156,231 +1156,43 @@ function DropIndicator() {
     zIndex: 5
   }, children: /* @__PURE__ */ jsx("span", {}) }), $[0] = t0) : t0 = $[0], 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$1({
-    ...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 = getSelectedBlocks(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 createCoreBlockElementBehaviorsConfig({
-  key,
-  onSetDragPositionBlock
-}) {
-  return [{
-    behavior: defineBehavior({
-      on: "drag.dragover",
-      guard: ({
-        snapshot,
-        event
-      }) => {
-        const dropFocusBlock = getFocusBlock$1({
-          ...snapshot,
-          context: {
-            ...snapshot.context,
-            selection: event.position.selection
-          }
-        });
-        if (!dropFocusBlock || dropFocusBlock.node._key !== key)
-          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 === key) ? !1 : isSelectingEntireBlocks({
-          ...snapshot,
-          context: {
-            ...snapshot.context,
-            selection: dragSelection
-          }
-        });
-      },
-      actions: [({
-        event
-      }) => [{
-        type: "effect",
-        effect: () => {
-          onSetDragPositionBlock(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: () => {
-          onSetDragPositionBlock(void 0);
-        }
-      }, forward(event)]]
-    }),
-    priority: createEditorPriority({
-      reference: {
-        priority: corePriority,
-        importance: "lower"
-      }
-    })
-  }];
-}
-function useCoreBlockElementBehaviors(t0) {
-  const $ = c(5), {
-    key,
-    onSetDragPositionBlock
-  } = t0, editorActor = useContext(EditorActorContext);
-  let t1, t2;
-  $[0] !== editorActor || $[1] !== key || $[2] !== onSetDragPositionBlock ? (t1 = () => {
-    const behaviorConfigs = createCoreBlockElementBehaviorsConfig({
-      key,
-      onSetDragPositionBlock
-    });
-    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, key, onSetDragPositionBlock], $[0] = editorActor, $[1] = key, $[2] = onSetDragPositionBlock, $[3] = t1, $[4] = t2) : (t1 = $[3], t2 = $[4]), useEffect(t1, t2);
-}
 function RenderBlockObject(props) {
-  const $ = c(35), [dragPositionBlock, setDragPositionBlock] = useState(), blockObjectRef = useRef(null), selected = useSelected();
+  const $ = c(33), blockObjectRef = useRef(null), selected = useSelected();
   let t0;
   $[0] !== selected ? (t0 = (editor) => selected && editor.selection !== null && Range.isCollapsed(editor.selection), $[0] = selected, $[1] = t0) : t0 = $[1];
   const focused = useSlateSelector(t0);
   let t1;
-  $[2] !== props.element._key ? (t1 = {
-    key: props.element._key,
-    onSetDragPositionBlock: setDragPositionBlock
-  }, $[2] = props.element._key, $[3] = t1) : t1 = $[3], useCoreBlockElementBehaviors(t1);
-  let t2;
-  if ($[4] !== props.element._type || $[5] !== props.legacySchema.blockObjects) {
-    let t32;
-    $[7] !== props.element._type ? (t32 = (schemaType) => schemaType.name === props.element._type, $[7] = props.element._type, $[8] = t32) : t32 = $[8], t2 = props.legacySchema.blockObjects.find(t32), $[4] = props.element._type, $[5] = props.legacySchema.blockObjects, $[6] = t2;
+  if ($[2] !== props.element._type || $[3] !== props.legacySchema.blockObjects) {
+    let t22;
+    $[5] !== props.element._type ? (t22 = (schemaType) => schemaType.name === props.element._type, $[5] = props.element._type, $[6] = t22) : t22 = $[6], t1 = props.legacySchema.blockObjects.find(t22), $[2] = props.element._type, $[3] = props.legacySchema.blockObjects, $[4] = t1;
   } else
-    t2 = $[6];
-  const legacySchemaType = t2;
+    t1 = $[4];
+  const legacySchemaType = t1;
   legacySchemaType || console.error(`Unable to find Block Object "${props.element._type}" in Schema`);
-  let t3;
-  $[9] !== props.blockObject || $[10] !== props.element._key || $[11] !== props.element._type ? (t3 = props.blockObject ?? {
+  let t2;
+  $[7] !== props.blockObject || $[8] !== props.element._key || $[9] !== props.element._type ? (t2 = props.blockObject ?? {
     _key: props.element._key,
     _type: props.element._type
-  }, $[9] = props.blockObject, $[10] = props.element._key, $[11] = props.element._type, $[12] = t3) : t3 = $[12];
-  const blockObject = t3;
-  let t4;
-  $[13] !== dragPositionBlock ? (t4 = dragPositionBlock === "start" ? /* @__PURE__ */ jsx(DropIndicator, {}) : null, $[13] = dragPositionBlock, $[14] = t4) : t4 = $[14];
-  const t5 = !props.readOnly;
-  let t6;
-  $[15] !== blockObject || $[16] !== focused || $[17] !== legacySchemaType || $[18] !== props.element._key || $[19] !== props.renderBlock || $[20] !== selected ? (t6 = props.renderBlock && legacySchemaType ? /* @__PURE__ */ jsx(RenderBlock$1, { renderBlock: props.renderBlock, editorElementRef: blockObjectRef, focused, path: [{
+  }, $[7] = props.blockObject, $[8] = props.element._key, $[9] = props.element._type, $[10] = t2) : t2 = $[10];
+  const blockObject = t2;
+  let t3;
+  $[11] !== props.dropPosition ? (t3 = props.dropPosition === "start" ? /* @__PURE__ */ jsx(DropIndicator, {}) : null, $[11] = props.dropPosition, $[12] = t3) : t3 = $[12];
+  const t4 = !props.readOnly;
+  let t5;
+  $[13] !== blockObject || $[14] !== focused || $[15] !== legacySchemaType || $[16] !== props.element._key || $[17] !== props.renderBlock || $[18] !== selected ? (t5 = props.renderBlock && legacySchemaType ? /* @__PURE__ */ jsx(RenderBlock$1, { renderBlock: props.renderBlock, editorElementRef: blockObjectRef, focused, path: [{
     _key: props.element._key
-  }], schemaType: legacySchemaType, selected, type: legacySchemaType, value: blockObject, children: /* @__PURE__ */ jsx(RenderDefaultBlockObject, { blockObject }) }) : /* @__PURE__ */ jsx(RenderDefaultBlockObject, { blockObject }), $[15] = blockObject, $[16] = focused, $[17] = legacySchemaType, $[18] = props.element._key, $[19] = props.renderBlock, $[20] = selected, $[21] = t6) : t6 = $[21];
+  }], schemaType: legacySchemaType, selected, type: legacySchemaType, value: blockObject, children: /* @__PURE__ */ jsx(RenderDefaultBlockObject, { blockObject }) }) : /* @__PURE__ */ jsx(RenderDefaultBlockObject, { blockObject }), $[13] = blockObject, $[14] = focused, $[15] = legacySchemaType, $[16] = props.element._key, $[17] = props.renderBlock, $[18] = selected, $[19] = t5) : t5 = $[19];
+  let t6;
+  $[20] !== t4 || $[21] !== t5 ? (t6 = /* @__PURE__ */ jsx("div", { ref: blockObjectRef, contentEditable: !1, draggable: t4, children: t5 }), $[20] = t4, $[21] = t5, $[22] = t6) : t6 = $[22];
   let t7;
-  $[22] !== t5 || $[23] !== t6 ? (t7 = /* @__PURE__ */ jsx("div", { ref: blockObjectRef, contentEditable: !1, draggable: t5, children: t6 }), $[22] = t5, $[23] = t6, $[24] = t7) : t7 = $[24];
+  $[23] !== props.dropPosition ? (t7 = props.dropPosition === "end" ? /* @__PURE__ */ jsx(DropIndicator, {}) : null, $[23] = props.dropPosition, $[24] = t7) : t7 = $[24];
   let t8;
-  $[25] !== dragPositionBlock ? (t8 = dragPositionBlock === "end" ? /* @__PURE__ */ jsx(DropIndicator, {}) : null, $[25] = dragPositionBlock, $[26] = t8) : t8 = $[26];
-  let t9;
-  return $[27] !== props.attributes || $[28] !== props.children || $[29] !== props.element._key || $[30] !== props.element._type || $[31] !== t4 || $[32] !== t7 || $[33] !== t8 ? (t9 = /* @__PURE__ */ jsxs("div", { ...props.attributes, className: "pt-block pt-object-block", "data-block-key": props.element._key, "data-block-name": props.element._type, "data-block-type": "object", children: [
-    t4,
+  return $[25] !== props.attributes || $[26] !== props.children || $[27] !== props.element._key || $[28] !== props.element._type || $[29] !== t3 || $[30] !== t6 || $[31] !== t7 ? (t8 = /* @__PURE__ */ jsxs("div", { ...props.attributes, className: "pt-block pt-object-block", "data-block-key": props.element._key, "data-block-name": props.element._type, "data-block-type": "object", children: [
+    t3,
     props.children,
-    t7,
-    t8
-  ] }), $[27] = props.attributes, $[28] = props.children, $[29] = props.element._key, $[30] = props.element._type, $[31] = t4, $[32] = t7, $[33] = t8, $[34] = t9) : t9 = $[34], t9;
+    t6,
+    t7
+  ] }), $[25] = props.attributes, $[26] = props.children, $[27] = props.element._key, $[28] = props.element._type, $[29] = t3, $[30] = t6, $[31] = t7, $[32] = t8) : t8 = $[32], t8;
 }
 function RenderBlock$1({
   renderBlock,
@@ -1481,92 +1293,87 @@ function RenderChild$1({
   });
 }
 function RenderTextBlock(props) {
-  const $ = c(77), [dragPositionBlock, setDragPositionBlock] = useState(), blockRef = useRef(null), selected = useSelected();
+  const $ = c(75), blockRef = useRef(null), selected = useSelected();
   let t0;
   $[0] !== selected ? (t0 = (editor) => selected && editor.selection !== null && Range.isCollapsed(editor.selection), $[0] = selected, $[1] = t0) : t0 = $[1];
   const focused = useSlateSelector(t0);
   let t1;
-  $[2] !== props.element._key ? (t1 = {
-    key: props.element._key,
-    onSetDragPositionBlock: setDragPositionBlock
-  }, $[2] = props.element._key, $[3] = t1) : t1 = $[3], useCoreBlockElementBehaviors(t1);
-  let t2;
-  $[4] !== props.textBlock._key ? (t2 = (editor_0) => editor_0.listIndexMap.get(props.textBlock._key), $[4] = props.textBlock._key, $[5] = t2) : t2 = $[5];
-  const listIndex = useSlateSelector(t2);
+  $[2] !== props.textBlock._key ? (t1 = (editor_0) => editor_0.listIndexMap.get(props.textBlock._key), $[2] = props.textBlock._key, $[3] = t1) : t1 = $[3];
+  const listIndex = useSlateSelector(t1);
   let children = props.children;
   if (props.renderStyle && props.textBlock.style) {
-    let t32;
-    $[6] !== props.legacySchema || $[7] !== props.textBlock.style ? (t32 = props.textBlock.style !== void 0 ? props.legacySchema.styles.find((style) => style.value === props.textBlock.style) : void 0, $[6] = props.legacySchema, $[7] = props.textBlock.style, $[8] = t32) : t32 = $[8];
-    const legacyStyleSchemaType = t32;
+    let t22;
+    $[4] !== props.legacySchema || $[5] !== props.textBlock.style ? (t22 = props.textBlock.style !== void 0 ? props.legacySchema.styles.find((style) => style.value === props.textBlock.style) : void 0, $[4] = props.legacySchema, $[5] = props.textBlock.style, $[6] = t22) : t22 = $[6];
+    const legacyStyleSchemaType = t22;
     if (legacyStyleSchemaType) {
-      let t42;
-      $[9] !== props.textBlock._key ? (t42 = [{
+      let t32;
+      $[7] !== props.textBlock._key ? (t32 = [{
         _key: props.textBlock._key
-      }], $[9] = props.textBlock._key, $[10] = t42) : t42 = $[10];
-      let t52;
-      $[11] !== children || $[12] !== focused || $[13] !== legacyStyleSchemaType || $[14] !== props.renderStyle || $[15] !== props.textBlock || $[16] !== selected || $[17] !== t42 ? (t52 = /* @__PURE__ */ jsx(RenderStyle, { renderStyle: props.renderStyle, block: props.textBlock, editorElementRef: blockRef, focused, path: t42, schemaType: legacyStyleSchemaType, selected, value: props.textBlock.style, children }), $[11] = children, $[12] = focused, $[13] = legacyStyleSchemaType, $[14] = props.renderStyle, $[15] = props.textBlock, $[16] = selected, $[17] = t42, $[18] = t52) : t52 = $[18], children = t52;
+      }], $[7] = props.textBlock._key, $[8] = t32) : t32 = $[8];
+      let t42;
+      $[9] !== children || $[10] !== focused || $[11] !== legacyStyleSchemaType || $[12] !== props.renderStyle || $[13] !== props.textBlock || $[14] !== selected || $[15] !== t32 ? (t42 = /* @__PURE__ */ jsx(RenderStyle, { renderStyle: props.renderStyle, block: props.textBlock, editorElementRef: blockRef, focused, path: t32, schemaType: legacyStyleSchemaType, selected, value: props.textBlock.style, children }), $[9] = children, $[10] = focused, $[11] = legacyStyleSchemaType, $[12] = props.renderStyle, $[13] = props.textBlock, $[14] = selected, $[15] = t32, $[16] = t42) : t42 = $[16], children = t42;
     } else
       console.error(`Unable to find Schema type for text block style ${props.textBlock.style}`);
   }
   if (props.renderListItem && props.textBlock.listItem) {
-    let t32;
-    if ($[19] !== props.legacySchema.lists || $[20] !== props.textBlock.listItem) {
-      let t42;
-      $[22] !== props.textBlock.listItem ? (t42 = (list) => list.value === props.textBlock.listItem, $[22] = props.textBlock.listItem, $[23] = t42) : t42 = $[23], t32 = props.legacySchema.lists.find(t42), $[19] = props.legacySchema.lists, $[20] = props.textBlock.listItem, $[21] = t32;
+    let t22;
+    if ($[17] !== props.legacySchema.lists || $[18] !== props.textBlock.listItem) {
+      let t32;
+      $[20] !== props.textBlock.listItem ? (t32 = (list) => list.value === props.textBlock.listItem, $[20] = props.textBlock.listItem, $[21] = t32) : t32 = $[21], t22 = props.legacySchema.lists.find(t32), $[17] = props.legacySchema.lists, $[18] = props.textBlock.listItem, $[19] = t22;
     } else
-      t32 = $[21];
-    const legacyListItemSchemaType = t32;
+      t22 = $[19];
+    const legacyListItemSchemaType = t22;
     if (legacyListItemSchemaType) {
-      const t42 = props.textBlock.level ?? 1;
-      let t52;
-      $[24] !== props.textBlock._key ? (t52 = [{
+      const t32 = props.textBlock.level ?? 1;
+      let t42;
+      $[22] !== props.textBlock._key ? (t42 = [{
         _key: props.textBlock._key
-      }], $[24] = props.textBlock._key, $[25] = t52) : t52 = $[25];
-      let t62;
-      $[26] !== children || $[27] !== focused || $[28] !== legacyListItemSchemaType || $[29] !== props.renderListItem || $[30] !== props.textBlock || $[31] !== selected || $[32] !== t42 || $[33] !== t52 ? (t62 = /* @__PURE__ */ jsx(RenderListItem, { renderListItem: props.renderListItem, block: props.textBlock, editorElementRef: blockRef, focused, level: t42, path: t52, selected, value: props.textBlock.listItem, schemaType: legacyListItemSchemaType, children }), $[26] = children, $[27] = focused, $[28] = legacyListItemSchemaType, $[29] = props.renderListItem, $[30] = props.textBlock, $[31] = selected, $[32] = t42, $[33] = t52, $[34] = t62) : t62 = $[34], children = t62;
+      }], $[22] = props.textBlock._key, $[23] = t42) : t42 = $[23];
+      let t52;
+      $[24] !== children || $[25] !== focused || $[26] !== legacyListItemSchemaType || $[27] !== props.renderListItem || $[28] !== props.textBlock || $[29] !== selected || $[30] !== t32 || $[31] !== t42 ? (t52 = /* @__PURE__ */ jsx(RenderListItem, { renderListItem: props.renderListItem, block: props.textBlock, editorElementRef: blockRef, focused, level: t32, path: t42, selected, value: props.textBlock.listItem, schemaType: legacyListItemSchemaType, children }), $[24] = children, $[25] = focused, $[26] = legacyListItemSchemaType, $[27] = props.renderListItem, $[28] = props.textBlock, $[29] = selected, $[30] = t32, $[31] = t42, $[32] = t52) : t52 = $[32], children = t52;
     } else
       console.error(`Unable to find Schema type for text block list item ${props.textBlock.listItem}`);
   }
-  const t3 = props.attributes;
+  const t2 = props.attributes;
+  let t3;
+  $[33] !== props.textBlock.style ? (t3 = props.textBlock.style ? [`pt-text-block-style-${props.textBlock.style}`] : [], $[33] = props.textBlock.style, $[34] = t3) : t3 = $[34];
   let t4;
-  $[35] !== props.textBlock.style ? (t4 = props.textBlock.style ? [`pt-text-block-style-${props.textBlock.style}`] : [], $[35] = props.textBlock.style, $[36] = t4) : t4 = $[36];
+  $[35] !== props.textBlock.level || $[36] !== props.textBlock.listItem ? (t4 = props.textBlock.listItem ? ["pt-list-item", `pt-list-item-${props.textBlock.listItem}`, `pt-list-item-level-${props.textBlock.level ?? 1}`] : [], $[35] = props.textBlock.level, $[36] = props.textBlock.listItem, $[37] = t4) : t4 = $[37];
   let t5;
-  $[37] !== props.textBlock.level || $[38] !== props.textBlock.listItem ? (t5 = props.textBlock.listItem ? ["pt-list-item", `pt-list-item-${props.textBlock.listItem}`, `pt-list-item-level-${props.textBlock.level ?? 1}`] : [], $[37] = props.textBlock.level, $[38] = props.textBlock.listItem, $[39] = t5) : t5 = $[39];
-  let t6;
-  $[40] !== t4 || $[41] !== t5 ? (t6 = ["pt-block", "pt-text-block", ...t4, ...t5], $[40] = t4, $[41] = t5, $[42] = t6) : t6 = $[42];
-  const t7 = t6.join(" ");
-  let t8;
-  $[43] !== props.textBlock.listItem ? (t8 = props.textBlock.listItem !== void 0 ? {
+  $[38] !== t3 || $[39] !== t4 ? (t5 = ["pt-block", "pt-text-block", ...t3, ...t4], $[38] = t3, $[39] = t4, $[40] = t5) : t5 = $[40];
+  const t6 = t5.join(" ");
+  let t7;
+  $[41] !== props.textBlock.listItem ? (t7 = props.textBlock.listItem !== void 0 ? {
     "data-list-item": props.textBlock.listItem
-  } : {}, $[43] = props.textBlock.listItem, $[44] = t8) : t8 = $[44];
-  let t9;
-  $[45] !== props.textBlock.level ? (t9 = props.textBlock.level !== void 0 ? {
+  } : {}, $[41] = props.textBlock.listItem, $[42] = t7) : t7 = $[42];
+  let t8;
+  $[43] !== props.textBlock.level ? (t8 = props.textBlock.level !== void 0 ? {
     "data-level": props.textBlock.level
-  } : {}, $[45] = props.textBlock.level, $[46] = t9) : t9 = $[46];
-  let t10;
-  $[47] !== props.textBlock.style ? (t10 = props.textBlock.style !== void 0 ? {
+  } : {}, $[43] = props.textBlock.level, $[44] = t8) : t8 = $[44];
+  let t9;
+  $[45] !== props.textBlock.style ? (t9 = props.textBlock.style !== void 0 ? {
     "data-style": props.textBlock.style
-  } : {}, $[47] = props.textBlock.style, $[48] = t10) : t10 = $[48];
-  let t11;
-  $[49] !== listIndex ? (t11 = listIndex !== void 0 ? {
+  } : {}, $[45] = props.textBlock.style, $[46] = t9) : t9 = $[46];
+  let t10;
+  $[47] !== listIndex ? (t10 = listIndex !== void 0 ? {
     "data-list-index": listIndex
-  } : {}, $[49] = listIndex, $[50] = t11) : t11 = $[50];
+  } : {}, $[47] = listIndex, $[48] = t10) : t10 = $[48];
+  let t11;
+  $[49] !== props.dropPosition ? (t11 = props.dropPosition === "start" ? /* @__PURE__ */ jsx(DropIndicator, {}) : null, $[49] = props.dropPosition, $[50] = t11) : t11 = $[50];
   let t12;
-  $[51] !== dragPositionBlock ? (t12 = dragPositionBlock === "start" ? /* @__PURE__ */ jsx(DropIndicator, {}) : null, $[51] = dragPositionBlock, $[52] = t12) : t12 = $[52];
-  let t13;
-  $[53] !== children || $[54] !== focused || $[55] !== props.legacySchema || $[56] !== props.renderBlock || $[57] !== props.textBlock || $[58] !== selected ? (t13 = props.renderBlock ? /* @__PURE__ */ jsx(RenderBlock, { renderBlock: props.renderBlock, editorElementRef: blockRef, focused, level: props.textBlock.level, listItem: props.textBlock.listItem, path: [{
+  $[51] !== children || $[52] !== focused || $[53] !== props.legacySchema || $[54] !== props.renderBlock || $[55] !== props.textBlock || $[56] !== selected ? (t12 = props.renderBlock ? /* @__PURE__ */ jsx(RenderBlock, { renderBlock: props.renderBlock, editorElementRef: blockRef, focused, level: props.textBlock.level, listItem: props.textBlock.listItem, path: [{
     _key: props.textBlock._key
-  }], selected, schemaType: props.legacySchema.block, style: props.textBlock.style, type: props.legacySchema.block, value: props.textBlock, children }) : children, $[53] = children, $[54] = focused, $[55] = props.legacySchema, $[56] = props.renderBlock, $[57] = props.textBlock, $[58] = selected, $[59] = t13) : t13 = $[59];
+  }], selected, schemaType: props.legacySchema.block, style: props.textBlock.style, type: props.legacySchema.block, value: props.textBlock, children }) : children, $[51] = children, $[52] = focused, $[53] = props.legacySchema, $[54] = props.renderBlock, $[55] = props.textBlock, $[56] = selected, $[57] = t12) : t12 = $[57];
+  let t13;
+  $[58] !== t12 ? (t13 = /* @__PURE__ */ jsx("div", { ref: blockRef, children: t12 }), $[58] = t12, $[59] = t13) : t13 = $[59];
   let t14;
-  $[60] !== t13 ? (t14 = /* @__PURE__ */ jsx("div", { ref: blockRef, children: t13 }), $[60] = t13, $[61] = t14) : t14 = $[61];
+  $[60] !== props.dropPosition ? (t14 = props.dropPosition === "end" ? /* @__PURE__ */ jsx(DropIndicator, {}) : null, $[60] = props.dropPosition, $[61] = t14) : t14 = $[61];
   let t15;
-  $[62] !== dragPositionBlock ? (t15 = dragPositionBlock === "end" ? /* @__PURE__ */ jsx(DropIndicator, {}) : null, $[62] = dragPositionBlock, $[63] = t15) : t15 = $[63];
-  let t16;
-  return $[64] !== props.attributes || $[65] !== props.spellCheck || $[66] !== props.textBlock._key || $[67] !== props.textBlock._type || $[68] !== t10 || $[69] !== t11 || $[70] !== t12 || $[71] !== t14 || $[72] !== t15 || $[73] !== t7 || $[74] !== t8 || $[75] !== t9 ? (t16 = /* @__PURE__ */ jsxs("div", { ...t3, className: t7, spellCheck: props.spellCheck, "data-block-key": props.textBlock._key, "data-block-name": props.textBlock._type, "data-block-type": "text", ...t8, ...t9, ...t10, ...t11, children: [
-    t12,
-    t14,
-    t15
-  ] }), $[64] = props.attributes, $[65] = props.spellCheck, $[66] = props.textBlock._key, $[67] = props.textBlock._type, $[68] = t10, $[69] = t11, $[70] = t12, $[71] = t14, $[72] = t15, $[73] = t7, $[74] = t8, $[75] = t9, $[76] = t16) : t16 = $[76], t16;
+  return $[62] !== props.attributes || $[63] !== props.spellCheck || $[64] !== props.textBlock._key || $[65] !== props.textBlock._type || $[66] !== t10 || $[67] !== t11 || $[68] !== t13 || $[69] !== t14 || $[70] !== t6 || $[71] !== t7 || $[72] !== t8 || $[73] !== t9 ? (t15 = /* @__PURE__ */ jsxs("div", { ...t2, className: t6, spellCheck: props.spellCheck, "data-block-key": props.textBlock._key, "data-block-name": props.textBlock._type, "data-block-type": "text", ...t7, ...t8, ...t9, ...t10, children: [
+    t11,
+    t13,
+    t14
+  ] }), $[62] = props.attributes, $[63] = props.spellCheck, $[64] = props.textBlock._key, $[65] = props.textBlock._type, $[66] = t10, $[67] = t11, $[68] = t13, $[69] = t14, $[70] = t6, $[71] = t7, $[72] = t8, $[73] = t9, $[74] = t15) : t15 = $[74], t15;
 }
 function RenderBlock({
   renderBlock,
@@ -1643,7 +1450,7 @@ function RenderStyle({
   });
 }
 function RenderElement(props) {
-  const $ = c(34), editorActor = useContext(EditorActorContext), schema = useSelector(editorActor, _temp$3), legacySchema = useSelector(editorActor, _temp2$2), slateStatic = useSlateStatic();
+  const $ = c(36), editorActor = useContext(EditorActorContext), schema = useSelector(editorActor, _temp$3), legacySchema = useSelector(editorActor, _temp2$2), slateStatic = useSlateStatic();
   if ("__inline" in props.element && props.element.__inline === !0) {
     let t02;
     return $[0] !== legacySchema || $[1] !== props.attributes || $[2] !== props.children || $[3] !== props.element || $[4] !== props.readOnly || $[5] !== props.renderChild || $[6] !== schema ? (t02 = /* @__PURE__ */ jsx(RenderInlineObject, { attributes: props.attributes, element: props.element, legacySchema, readOnly: props.readOnly, renderChild: props.renderChild, schema, children: props.children }), $[0] = legacySchema, $[1] = props.attributes, $[2] = props.children, $[3] = props.element, $[4] = props.readOnly, $[5] = props.renderChild, $[6] = schema, $[7] = t02) : t02 = $[7], t02;
@@ -1657,11 +1464,13 @@ function RenderElement(props) {
   } else
     block = $[12], t0 = $[13];
   if (t0) {
-    let t12;
-    return $[14] !== block || $[15] !== legacySchema || $[16] !== props.attributes || $[17] !== props.children || $[18] !== props.element || $[19] !== props.readOnly || $[20] !== props.renderBlock || $[21] !== props.renderListItem || $[22] !== props.renderStyle || $[23] !== props.spellCheck ? (t12 = /* @__PURE__ */ jsx(RenderTextBlock, { attributes: props.attributes, element: props.element, legacySchema, readOnly: props.readOnly, renderBlock: props.renderBlock, renderListItem: props.renderListItem, renderStyle: props.renderStyle, spellCheck: props.spellCheck, textBlock: block, children: props.children }), $[14] = block, $[15] = legacySchema, $[16] = props.attributes, $[17] = props.children, $[18] = props.element, $[19] = props.readOnly, $[20] = props.renderBlock, $[21] = props.renderListItem, $[22] = props.renderStyle, $[23] = props.spellCheck, $[24] = t12) : t12 = $[24], t12;
+    const t12 = props.dropPosition?.blockKey === props.element._key ? props.dropPosition.positionBlock : void 0;
+    let t22;
+    return $[14] !== block || $[15] !== legacySchema || $[16] !== props.attributes || $[17] !== props.children || $[18] !== props.element || $[19] !== props.readOnly || $[20] !== props.renderBlock || $[21] !== props.renderListItem || $[22] !== props.renderStyle || $[23] !== props.spellCheck || $[24] !== t12 ? (t22 = /* @__PURE__ */ jsx(RenderTextBlock, { attributes: props.attributes, dropPosition: t12, element: props.element, legacySchema, readOnly: props.readOnly, renderBlock: props.renderBlock, renderListItem: props.renderListItem, renderStyle: props.renderStyle, spellCheck: props.spellCheck, textBlock: block, children: props.children }), $[14] = block, $[15] = legacySchema, $[16] = props.attributes, $[17] = props.children, $[18] = props.element, $[19] = props.readOnly, $[20] = props.renderBlock, $[21] = props.renderListItem, $[22] = props.renderStyle, $[23] = props.spellCheck, $[24] = t12, $[25] = t22) : t22 = $[25], t22;
   }
-  let t1;
-  return $[25] !== block || $[26] !== legacySchema || $[27] !== props.attributes || $[28] !== props.children || $[29] !== props.element || $[30] !== props.readOnly || $[31] !== props.renderBlock || $[32] !== schema ? (t1 = /* @__PURE__ */ jsx(RenderBlockObject, { attributes: props.attributes, blockObject: block, element: props.element, legacySchema, readOnly: props.readOnly, renderBlock: props.renderBlock, schema, children: props.children }), $[25] = block, $[26] = legacySchema, $[27] = props.attributes, $[28] = props.children, $[29] = props.element, $[30] = props.readOnly, $[31] = props.renderBlock, $[32] = schema, $[33] = t1) : t1 = $[33], t1;
+  const t1 = props.dropPosition?.blockKey === props.element._key ? props.dropPosition.positionBlock : void 0;
+  let t2;
+  return $[26] !== block || $[27] !== legacySchema || $[28] !== props.attributes || $[29] !== props.children || $[30] !== props.element || $[31] !== props.readOnly || $[32] !== props.renderBlock || $[33] !== schema || $[34] !== t1 ? (t2 = /* @__PURE__ */ jsx(RenderBlockObject, { attributes: props.attributes, blockObject: block, dropPosition: t1, element: props.element, legacySchema, readOnly: props.readOnly, renderBlock: props.renderBlock, schema, children: props.children }), $[26] = block, $[27] = legacySchema, $[28] = props.attributes, $[29] = props.children, $[30] = props.element, $[31] = props.readOnly, $[32] = props.renderBlock, $[33] = schema, $[34] = t1, $[35] = t2) : t2 = $[35], t2;
 }
 function _temp2$2(s_0) {
   return s_0.context.getLegacySchema();
@@ -2065,6 +1874,191 @@ function createWithHotkeys(editorActor, portableTextEditor, hotkeysFromOptions)
     }, editor;
   };
 }
+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$1({
+    ...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 = getSelectedBlocks(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$1({
+          ...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({
+            blockKey: dropFocusBlock.node._key,
+            positionBlock: 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)
@@ -2148,7 +2142,7 @@ function validateSelection(slateEditor, editorElement) {
   }
 }
 const debug$e = debugWithName("component:Editable"), PortableTextEditable = forwardRef(function(props, forwardedRef) {
-  const $ = c(176);
+  const $ = c(177);
   let hotkeys, onBeforeInput, onBlur, onClick, onCopy, onCut, onDrag, onDragEnd, onDragEnter, onDragLeave, onDragOver, onDragStart, onDrop, onFocus, onPaste, propsSelection, rangeDecorations, renderAnnotation, renderBlock, renderChild, renderDecorator, renderListItem, renderPlaceholder, renderStyle, restProps, scrollSelectionIntoView, spellCheck;
   $[0] !== props ? ({
     hotkeys,
@@ -2207,7 +2201,7 @@ const debug$e = debugWithName("component:Editable"), PortableTextEditable = forw
       skipSetup: t5
     }
   }, $[36] = readOnly, $[37] = slateEditor, $[38] = t1, $[39] = t2.context.schema, $[40] = t5, $[41] = t6) : t6 = $[41];
-  const rangeDecorationsActor = useActorRef(rangeDecorationsMachine, t6), decorate = useSelector(rangeDecorationsActor, _temp2);
+  const rangeDecorationsActor = useActorRef(rangeDecorationsMachine, t6), decorate = useSelector(rangeDecorationsActor, _temp2), dropPosition = useDropPosition();
   let t7, t8;
   $[42] !== rangeDecorationsActor || $[43] !== readOnly ? (t7 = () => {
     rangeDecorationsActor.send({
@@ -2228,13 +2222,13 @@ const debug$e = debugWithName("component:Editable"), PortableTextEditable = forw
     createWithHotkeys(editorActor, portableTextEditor, hotkeys)(slateEditor);
   }
   let t12;
-  $[50] !== readOnly || $[51] !== renderBlock || $[52] !== renderChild || $[53] !== renderListItem || $[54] !== renderStyle || $[55] !== spellCheck ? (t12 = (eProps) => /* @__PURE__ */ jsx(RenderElement, { ...eProps, readOnly, renderBlock, renderChild, renderListItem, renderStyle, spellCheck }), $[50] = readOnly, $[51] = renderBlock, $[52] = renderChild, $[53] = renderListItem, $[54] = renderStyle, $[55] = spellCheck, $[56] = t12) : t12 = $[56];
+  $[50] !== dropPosition || $[51] !== readOnly || $[52] !== renderBlock || $[53] !== renderChild || $[54] !== renderListItem || $[55] !== renderStyle || $[56] !== spellCheck ? (t12 = (eProps) => /* @__PURE__ */ jsx(RenderElement, { ...eProps, dropPosition, readOnly, renderBlock, renderChild, renderListItem, renderStyle, spellCheck }), $[50] = dropPosition, $[51] = readOnly, $[52] = renderBlock, $[53] = renderChild, $[54] = renderListItem, $[55] = renderStyle, $[56] = spellCheck, $[57] = t12) : t12 = $[57];
   const renderElement = t12;
   let t13;
-  $[57] !== readOnly || $[58] !== renderAnnotation || $[59] !== renderChild || $[60] !== renderDecorator || $[61] !== renderPlaceholder ? (t13 = (leafProps) => /* @__PURE__ */ jsx(RenderLeaf, { ...leafProps, readOnly, renderAnnotation, renderChild, renderDecorator, renderPlaceholder }), $[57] = readOnly, $[58] = renderAnnotation, $[59] = renderChild, $[60] = renderDecorator, $[61] = renderPlaceholder, $[62] = t13) : t13 = $[62];
+  $[58] !== readOnly || $[59] !== renderAnnotation || $[60] !== renderChild || $[61] !== renderDecorator || $[62] !== renderPlaceholder ? (t13 = (leafProps) => /* @__PURE__ */ jsx(RenderLeaf, { ...leafProps, readOnly, renderAnnotation, renderChild, renderDecorator, renderPlaceholder }), $[58] = readOnly, $[59] = renderAnnotation, $[60] = renderChild, $[61] = renderDecorator, $[62] = renderPlaceholder, $[63] = t13) : t13 = $[63];
   const renderLeaf = t13, renderText = _temp3;
   let t14;
-  $[63] !== editorActor || $[64] !== propsSelection || $[65] !== slateEditor ? (t14 = () => {
+  $[64] !== editorActor || $[65] !== propsSelection || $[66] !== slateEditor ? (t14 = () => {
     if (propsSelection) {
       debug$e(`Selection from props ${JSON.stringify(propsSelection)}`);
       const normalizedSelection = normalizeSelection(propsSelection, slateEditor.value);
@@ -2254,10 +2248,10 @@ const debug$e = debugWithName("component:Editable"), PortableTextEditable = forw
         }), slateEditor.onChange());
       }
     }
-  }, $[63] = editorActor, $[64] = propsSelection, $[65] = slateEditor, $[66] = t14) : t14 = $[66];
+  }, $[64] = editorActor, $[65] = propsSelection, $[66] = slateEditor, $[67] = t14) : t14 = $[67];
   const restoreSelectionFromProps = t14;
   let t15, t16;
-  $[67] !== editorActor || $[68] !== rangeDecorationsActor || $[69] !== restoreSelectionFromProps ? (t15 = () => {
+  $[68] !== editorActor || $[69] !== rangeDecorationsActor || $[70] !== restoreSelectionFromProps ? (t15 = () => {
     const onReady = editorActor.on("ready", () => {
       rangeDecorationsActor.send({
         type: "ready"
@@ -2270,13 +2264,13 @@ const debug$e = debugWithName("component:Editable"), PortableTextEditable = forw
     return () => {
       onReady.unsubscribe(), onInvalidValue.unsubscribe(), onValueChanged.unsubscribe();
     };
-  }, t16 = [rangeDecorationsActor, editorActor, restoreSelectionFromProps], $[67] = editorActor, $[68] = rangeDecorationsActor, $[69] = restoreSelectionFromProps, $[70] = t15, $[71] = t16) : (t15 = $[70], t16 = $[71]), useEffect(t15, t16);
+  }, t16 = [rangeDecorationsActor, editorActor, restoreSelectionFromProps], $[68] = editorActor, $[69] = rangeDecorationsActor, $[70] = restoreSelectionFromProps, $[71] = t15, $[72] = t16) : (t15 = $[71], t16 = $[72]), useEffect(t15, t16);
   let t17, t18;
-  $[72] !== hasInvalidValue || $[73] !== propsSelection || $[74] !== restoreSelectionFromProps ? (t17 = () => {
+  $[73] !== hasInvalidValue || $[74] !== propsSelection || $[75] !== restoreSelectionFromProps ? (t17 = () => {
     propsSelection && !hasInvalidValue && restoreSelectionFromProps();
-  }, t18 = [hasInvalidValue, propsSelection, restoreSelectionFromProps], $[72] = hasInvalidValue, $[73] = propsSelection, $[74] = restoreSelectionFromProps, $[75] = t17, $[76] = t18) : (t17 = $[75], t18 = $[76]), useEffect(t17, t18);
+  }, t18 = [hasInvalidValue, propsSelection, restoreSelectionFromProps], $[73] = hasInvalidValue, $[74] = propsSelection, $[75] = restoreSelectionFromProps, $[76] = t17, $[77] = t18) : (t17 = $[76], t18 = $[77]), useEffect(t17, t18);
   let t19;
-  $[77] !== editorActor || $[78] !== onCopy || $[79] !== slateEditor ? (t19 = (event) => {
+  $[78] !== editorActor || $[79] !== onCopy || $[80] !== slateEditor ? (t19 = (event) => {
     if (onCopy)
       onCopy(event) !== void 0 && event.preventDefault();
     else if (event.nativeEvent.clipboardData) {
@@ -2305,10 +2299,10 @@ const debug$e = debugWithName("component:Editable"), PortableTextEditable = forw
         nativeEvent: event
       });
     }
-  }, $[77] = editorActor, $[78] = onCopy, $[79] = slateEditor, $[80] = t19) : t19 = $[80];
+  }, $[78] = editorActor, $[79] = onCopy, $[80] = slateEditor, $[81] = t19) : t19 = $[81];
   const handleCopy = t19;
   let t20;
-  $[81] !== editorActor || $[82] !== onCut || $[83] !== slateEditor ? (t20 = (event_0) => {
+  $[82] !== editorActor || $[83] !== onCut || $[84] !== slateEditor ? (t20 = (event_0) => {
     if (onCut)
       onCut(event_0) !== void 0 && event_0.preventDefault();
     else if (event_0.nativeEvent.clipboardData) {
@@ -2333,10 +2327,10 @@ const debug$e = debugWithName("component:Editable"), PortableTextEditable = forw
         nativeEvent: event_0
       });
     }
-  }, $[81] = editorActor, $[82] = onCut, $[83] = slateEditor, $[84] = t20) : t20 = $[84];
+  }, $[82] = editorActor, $[83] = onCut, $[84] = slateEditor, $[85] = t20) : t20 = $[85];
   const handleCut = t20;
   let t21;
-  $[85] !== editorActor || $[86] !== onPaste || $[87] !== portableTextEditor || $[88] !== relayActor || $[89] !== slateEditor ? (t21 = (event_1) => {
+  $[86] !== editorActor || $[87] !== onPaste || $[88] !== portableTextEditor || $[89] !== relayActor || $[90] !== slateEditor ? (t21 = (event_1) => {
     const value = slateEditor.value, path = (slateEditor.selection ? slateRangeToSelection({
       schema: editorActor.getSnapshot().context.schema,
       editor: slateEditor,
@@ -2421,18 +2415,18 @@ const debug$e = debugWithName("component:Editable"), PortableTextEditable = forw
       });
     }
     debug$e("No result from custom paste handler, pasting normally");
-  }, $[85] = editorActor, $[86] = onPaste, $[87] = portableTextEditor, $[88] = relayActor, $[89] = slateEditor, $[90] = t21) : t21 = $[90];
+  }, $[86] = editorActor, $[87] = onPaste, $[88] = portableTextEditor, $[89] = relayActor, $[90] = slateEditor, $[91] = t21) : t21 = $[91];
   const handlePaste = t21;
   let t22;
-  $[91] !== editorActor || $[92] !== onFocus || $[93] !== relayActor || $[94] !== slateEditor ? (t22 = (event_2) => {
+  $[92] !== editorActor || $[93] !== onFocus || $[94] !== relayActor || $[95] !== slateEditor ? (t22 = (event_2) => {
     onFocus && onFocus(event_2), event_2.isDefaultPrevented() || (relayActor.send({
       type: "focused",
       event: event_2
     }), !slateEditor.selection && slateEditor.children.length === 1 && isEmptyTextBlock(editorActor.getSnapshot().context, slateEditor.value.at(0)) && (Transforms.select(slateEditor, Editor.start(slateEditor, [])), slateEditor.onChange()));
-  }, $[91] = editorActor, $[92] = onFocus, $[93] = relayActor, $[94] = slateEditor, $[95] = t22) : t22 = $[95];
+  }, $[92] = editorActor, $[93] = onFocus, $[94] = relayActor, $[95] = slateEditor, $[96] = t22) : t22 = $[96];
   const handleOnFocus = t22;
   let t23;
-  $[96] !== editorActor || $[97] !== onClick || $[98] !== slateEditor ? (t23 = (event_3) => {
+  $[97] !== editorActor || $[98] !== onClick || $[99] !== slateEditor ? (t23 = (event_3) => {
     if (onClick && onClick(event_3), event_3.isDefaultPrevented() || event_3.isPropagationStopped())
       return;
     const position_3 = getEventPosition({
@@ -2449,23 +2443,23 @@ const debug$e = debugWithName("component:Editable"), PortableTextEditable = forw
       editor: slateEditor,
       nativeEvent: event_3
     });
-  }, $[96] = editorActor, $[97] = onClick, $[98] = slateEditor, $[99] = t23) : t23 = $[99];
+  }, $[97] = editorActor, $[98] = onClick, $[99] = slateEditor, $[100] = t23) : t23 = $[100];
   const handleClick = t23;
   let t24;
-  $[100] !== onBlur || $[101] !== relayActor ? (t24 = (event_4) => {
+  $[101] !== onBlur || $[102] !== relayActor ? (t24 = (event_4) => {
     onBlur && onBlur(event_4), event_4.isPropagationStopped() || relayActor.send({
       type: "blurred",
       event: event_4
     });
-  }, $[100] = onBlur, $[101] = relayActor, $[102] = t24) : t24 = $[102];
+  }, $[101] = onBlur, $[102] = relayActor, $[103] = t24) : t24 = $[103];
   const handleOnBlur = t24;
   let t25;
-  $[103] !== onBeforeInput ? (t25 = (event_5) => {
+  $[104] !== onBeforeInput ? (t25 = (event_5) => {
     onBeforeInput && onBeforeInput(event_5);
-  }, $[103] = onBeforeInput, $[104] = t25) : t25 = $[104];
+  }, $[104] = onBeforeInput, $[105] = t25) : t25 = $[105];
   const handleOnBeforeInput = t25;
   let t26;
-  $[105] !== editorActor || $[106] !== props || $[107] !== slateEditor ? (t26 = (event_6) => {
+  $[106] !== editorActor || $[107] !== props || $[108] !== slateEditor ? (t26 = (event_6) => {
     props.onKeyDown && props.onKeyDown(event_6), event_6.isDefaultPrevented() || slateEditor.pteWithHotKeys(event_6), event_6.isDefaultPrevented() || editorActor.send({
       type: "behavior event",
       behaviorEvent: {
@@ -2482,10 +2476,10 @@ const debug$e = debugWithName("component:Editable"), PortableTextEditable = forw
       editor: slateEditor,
       nativeEvent: event_6
     });
-  }, $[105] = editorActor, $[106] = props, $[107] = slateEditor, $[108] = t26) : t26 = $[108];
+  }, $[106] = editorActor, $[107] = props, $[108] = slateEditor, $[109] = t26) : t26 = $[109];
   const handleKeyDown = t26;
   let t27;
-  $[109] !== editorActor || $[110] !== props || $[111] !== slateEditor ? (t27 = (event_7) => {
+  $[110] !== editorActor || $[111] !== props || $[112] !== slateEditor ? (t27 = (event_7) => {
     props.onKeyUp && props.onKeyUp(event_7), event_7.isDefaultPrevented() || editorActor.send({
       type: "behavior event",
       behaviorEvent: {
@@ -2502,7 +2496,7 @@ const debug$e = debugWithName("component:Editable"), PortableTextEditable = forw
       editor: slateEditor,
       nativeEvent: event_7
     });
-  }, $[109] = editorActor, $[110] = props, $[111] = slateEditor, $[112] = t27) : t27 = $[112];
+  }, $[110] = editorActor, $[111] = props, $[112] = slateEditor, $[113] = t27) : t27 = $[113];
   const handleKeyUp = t27;
   let t28;
   bb1: {
@@ -2515,13 +2509,13 @@ const debug$e = debugWithName("component:Editable"), PortableTextEditable = forw
       break bb1;
     }
     let t292;
-    $[113] !== portableTextEditor || $[114] !== scrollSelectionIntoView ? (t292 = (_editor, domRange) => {
+    $[114] !== portableTextEditor || $[115] !== scrollSelectionIntoView ? (t292 = (_editor, domRange) => {
       scrollSelectionIntoView(portableTextEditor, domRange);
-    }, $[113] = portableTextEditor, $[114] = scrollSelectionIntoView, $[115] = t292) : t292 = $[115], t28 = t292;
+    }, $[114] = portableTextEditor, $[115] = scrollSelectionIntoView, $[116] = t292) : t292 = $[116], t28 = t292;
   }
   const scrollSelectionIntoViewToSlate = t28;
   let t29, t30;
-  $[116] !== editorActor || $[117] !== slateEditor ? (t29 = () => {
+  $[117] !== editorActor || $[118] !== slateEditor ? (t29 = () => {
     const window2 = ReactEditor.getWindow(slateEditor), onDragEnd_0 = () => {
       editorActor.send({
         type: "dragend"
@@ -2534,9 +2528,9 @@ const debug$e = debugWithName("component:Editable"), PortableTextEditable = forw
     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);
     };
-  }, t30 = [slateEditor, editorActor], $[116] = editorActor, $[117] = slateEditor, $[118] = t29, $[119] = t30) : (t29 = $[118], t30 = $[119]), useEffect(t29, t30);
+  }, t30 = [slateEditor, editorActor], $[117] = editorActor, $[118] = slateEditor, $[119] = t29, $[120] = t30) : (t29 = $[119], t30 = $[120]), useEffect(t29, t30);
   let t31;
-  $[120] !== editorActor || $[121] !== onDragStart || $[122] !== slateEditor ? (t31 = (event_8) => {
+  $[121] !== editorActor || $[122] !== onDragStart || $[123] !== slateEditor ? (t31 = (event_8) => {
     if (onDragStart?.(event_8), event_8.isDefaultPrevented() || event_8.isPropagationStopped())
       return;
     const position_4 = getEventPosition({
@@ -2564,10 +2558,10 @@ const debug$e = debugWithName("component:Editable"), PortableTextEditable = forw
       },
       editor: slateEditor
     }), !0;
-  }, $[120] = editorActor, $[121] = onDragStart, $[122] = slateEditor, $[123] = t31) : t31 = $[123];
+  }, $[121] = editorActor, $[122] = onDragStart, $[123] = slateEditor, $[124] = t31) : t31 = $[124];
   const handleDragStart = t31;
   let t32;
-  $[124] !== editorActor || $[125] !== onDrag || $[126] !== slateEditor ? (t32 = (event_9) => {
+  $[125] !== editorActor || $[126] !== onDrag || $[127] !== slateEditor ? (t32 = (event_9) => {
     if (onDrag?.(event_9), !(event_9.isDefaultPrevented() || event_9.isPropagationStopped() || !getEventPosition({
       editorActor,
       slateEditor,
@@ -2583,10 +2577,10 @@ const debug$e = debugWithName("component:Editable"), PortableTextEditable = forw
         },
         editor: slateEditor
       }), !0;
-  }, $[124] = editorActor, $[125] = onDrag, $[126] = slateEditor, $[127] = t32) : t32 = $[127];
+  }, $[125] = editorActor, $[126] = onDrag, $[127] = slateEditor, $[128] = t32) : t32 = $[128];
   const handleDrag = t32;
   let t33;
-  $[128] !== editorActor || $[129] !== onDragEnd || $[130] !== slateEditor ? (t33 = (event_10) => {
+  $[129] !== editorActor || $[130] !== onDragEnd || $[131] !== slateEditor ? (t33 = (event_10) => {
     if (onDragEnd?.(event_10), !(event_10.isDefaultPrevented() || event_10.isPropagationStopped()))
       return editorActor.send({
         type: "behavior event",
@@ -2598,10 +2592,10 @@ const debug$e = debugWithName("component:Editable"), PortableTextEditable = forw
         },
         editor: slateEditor
       }), !0;
-  }, $[128] = editorActor, $[129] = onDragEnd, $[130] = slateEditor, $[131] = t33) : t33 = $[131];
+  }, $[129] = editorActor, $[130] = onDragEnd, $[131] = slateEditor, $[132] = t33) : t33 = $[132];
   const handleDragEnd = t33;
   let t34;
-  $[132] !== editorActor || $[133] !== onDragEnter || $[134] !== slateEditor ? (t34 = (event_11) => {
+  $[133] !== editorActor || $[134] !== onDragEnter || $[135] !== slateEditor ? (t34 = (event_11) => {
     if (onDragEnter?.(event_11), event_11.isDefaultPrevented() || event_11.isPropagationStopped())
       return;
     const position_6 = getEventPosition({
@@ -2621,10 +2615,10 @@ const debug$e = debugWithName("component:Editable"), PortableTextEditable = forw
         },
         editor: slateEditor
       }), !0;
-  }, $[132] = editorActor, $[133] = onDragEnter, $[134] = slateEditor, $[135] = t34) : t34 = $[135];
+  }, $[133] = editorActor, $[134] = onDragEnter, $[135] = slateEditor, $[136] = t34) : t34 = $[136];
   const handleDragEnter = t34;
   let t35;
-  $[136] !== editorActor || $[137] !== onDragOver || $[138] !== slateEditor ? (t35 = (event_12) => {
+  $[137] !== editorActor || $[138] !== onDragOver || $[139] !== slateEditor ? (t35 = (event_12) => {
     if (onDragOver?.(event_12), event_12.isDefaultPrevented() || event_12.isPropagationStopped())
       return;
     const position_7 = getEventPosition({
@@ -2646,10 +2640,10 @@ const debug$e = debugWithName("component:Editable"), PortableTextEditable = forw
         editor: slateEditor,
         nativeEvent: event_12
       }), !0;
-  }, $[136] = editorActor, $[137] = onDragOver, $[138] = slateEditor, $[139] = t35) : t35 = $[139];
+  }, $[137] = editorActor, $[138] = onDragOver, $[139] = slateEditor, $[140] = t35) : t35 = $[140];
   const handleDragOver = t35;
   let t36;
-  $[140] !== editorActor || $[141] !== onDrop || $[142] !== slateEditor ? (t36 = (event_13) => {
+  $[141] !== editorActor || $[142] !== onDrop || $[143] !== slateEditor ? (t36 = (event_13) => {
     if (onDrop?.(event_13), event_13.isDefaultPrevented() || event_13.isPropagationStopped())
       return;
     const position_8 = getEventPosition({
@@ -2674,10 +2668,10 @@ const debug$e = debugWithName("component:Editable"), PortableTextEditable = forw
       editor: slateEditor,
       nativeEvent: event_13
     }), !0;
-  }, $[140] = editorActor, $[141] = onDrop, $[142] = slateEditor, $[143] = t36) : t36 = $[143];
+  }, $[141] = editorActor, $[142] = onDrop, $[143] = slateEditor, $[144] = t36) : t36 = $[144];
   const handleDrop = t36;
   let t37;
-  $[144] !== editorActor || $[145] !== onDragLeave || $[146] !== slateEditor ? (t37 = (event_14) => {
+  $[145] !== editorActor || $[146] !== onDragLeave || $[147] !== slateEditor ? (t37 = (event_14) => {
     if (onDragLeave?.(event_14), !(event_14.isDefaultPrevented() || event_14.isPropagationStopped() || !getEventPosition({
       editorActor,
       slateEditor,
@@ -2693,10 +2687,10 @@ const debug$e = debugWithName("component:Editable"), PortableTextEditable = forw
         },
         editor: slateEditor
       }), !0;
-  }, $[144] = editorActor, $[145] = onDragLeave, $[146] = slateEditor, $[147] = t37) : t37 = $[147];
+  }, $[145] = editorActor, $[146] = onDragLeave, $[147] = slateEditor, $[148] = t37) : t37 = $[148];
   const handleDragLeave = t37;
   let t38;
-  $[148] !== forwardedRef || $[149] !== validateSelectionActor ? (t38 = (editorElement) => {
+  $[149] !== forwardedRef || $[150] !== validateSelectionActor ? (t38 = (editorElement) => {
     if (typeof forwardedRef == "function" ? forwardedRef(editorElement) : forwardedRef && (forwardedRef.current = editorElement), editorElement) {
       const mutationObserver = new MutationObserver(() => {
         validateSelectionActor.send({
@@ -2714,12 +2708,12 @@ const debug$e = debugWithName("component:Editable"), PortableTextEditable = forw
         mutationObserver.disconnect();
       };
     }
-  }, $[148] = forwardedRef, $[149] = validateSelectionActor, $[150] = t38) : t38 = $[150];
+  }, $[149] = forwardedRef, $[150] = validateSelectionActor, $[151] = t38) : t38 = $[151];
   const callbackRef = t38;
   if (!portableTextEditor)
     return null;
   let t39;
-  return $[151] !== callbackRef || $[152] !== decorate || $[153] !== handleClick || $[154] !== handleCopy || $[155] !== handleCut || $[156] !== handleDrag || $[157] !== handleDragEnd || $[158] !== handleDragEnter || $[159] !== handleDragLeave || $[160] !== handleDragOver || $[161] !== handleDragStart || $[162] !== handleDrop || $[163] !== handleKeyDown || $[164] !== handleKeyUp || $[165] !== handleOnBeforeInput || $[166] !== handleOnBlur || $[167] !== handleOnFocus || $[168] !== handlePaste || $[169] !== hasInvalidValue || $[170] !== readOnly || $[171] !== renderElement || $[172] !== renderLeaf || $[173] !== restProps || $[174] !== scrollSelectionIntoViewToSlate ? (t39 = hasInvalidValue ? null : /* @__PURE__ */ jsx(Editable, { ...restProps, ref: callbackRef, "data-read-only": readOnly, autoFocus: !1, className: restProps.className || "pt-editable", decorate, onBlur: handleOnBlur, onCopy: handleCopy, onCut: handleCut, onClick: handleClick, onDOMBeforeInput: handleOnBeforeInput, onDragStart: handleDragStart, onDrag: handleDrag, onDragEnd: handleDragEnd, onDragEnter: handleDragEnter, onDragOver: handleDragOver, onDrop: handleDrop, onDragLeave: handleDragLeave, onFocus: handleOnFocus, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onPaste: handlePaste, readOnly, renderPlaceholder: void 0, renderElement, renderLeaf, renderText, scrollSelectionIntoView: scrollSelectionIntoViewToSlate }), $[151] = callbackRef, $[152] = decorate, $[153] = handleClick, $[154] = handleCopy, $[155] = handleCut, $[156] = handleDrag, $[157] = handleDragEnd, $[158] = handleDragEnter, $[159] = handleDragLeave, $[160] = handleDragOver, $[161] = handleDragStart, $[162] = handleDrop, $[163] = handleKeyDown, $[164] = handleKeyUp, $[165] = handleOnBeforeInput, $[166] = handleOnBlur, $[167] = handleOnFocus, $[168] = handlePaste, $[169] = hasInvalidValue, $[170] = readOnly, $[171] = renderElement, $[172] = renderLeaf, $[173] = restProps, $[174] = scrollSelectionIntoViewToSlate, $[175] = t39) : t39 = $[175], t39;
+  return $[152] !== callbackRef || $[153] !== decorate || $[154] !== handleClick || $[155] !== handleCopy || $[156] !== handleCut || $[157] !== handleDrag || $[158] !== handleDragEnd || $[159] !== handleDragEnter || $[160] !== handleDragLeave || $[161] !== handleDragOver || $[162] !== handleDragStart || $[163] !== handleDrop || $[164] !== handleKeyDown || $[165] !== handleKeyUp || $[166] !== handleOnBeforeInput || $[167] !== handleOnBlur || $[168] !== handleOnFocus || $[169] !== handlePaste || $[170] !== hasInvalidValue || $[171] !== readOnly || $[172] !== renderElement || $[173] !== renderLeaf || $[174] !== restProps || $[175] !== scrollSelectionIntoViewToSlate ? (t39 = hasInvalidValue ? null : /* @__PURE__ */ jsx(Editable, { ...restProps, ref: callbackRef, "data-read-only": readOnly, autoFocus: !1, className: restProps.className || "pt-editable", decorate, onBlur: handleOnBlur, onCopy: handleCopy, onCut: handleCut, onClick: handleClick, onDOMBeforeInput: handleOnBeforeInput, onDragStart: handleDragStart, onDrag: handleDrag, onDragEnd: handleDragEnd, onDragEnter: handleDragEnter, onDragOver: handleDragOver, onDrop: handleDrop, onDragLeave: handleDragLeave, onFocus: handleOnFocus, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onPaste: handlePaste, readOnly, renderPlaceholder: void 0, renderElement, renderLeaf, renderText, scrollSelectionIntoView: scrollSelectionIntoViewToSlate }), $[152] = callbackRef, $[153] = decorate, $[154] = handleClick, $[155] = handleCopy, $[156] = handleCut, $[157] = handleDrag, $[158] = handleDragEnd, $[159] = handleDragEnter, $[160] = handleDragLeave, $[161] = handleDragOver, $[162] = handleDragStart, $[163] = handleDrop, $[164] = handleKeyDown, $[165] = handleKeyUp, $[166] = handleOnBeforeInput, $[167] = handleOnBlur, $[168] = handleOnFocus, $[169] = handlePaste, $[170] = hasInvalidValue, $[171] = readOnly, $[172] = renderElement, $[173] = renderLeaf, $[174] = restProps, $[175] = scrollSelectionIntoViewToSlate, $[176] = t39) : t39 = $[176], t39;
 });
 PortableTextEditable.displayName = "ForwardRef(PortableTextEditable)";
 function noop() {