@portabletext/editor 1.53.0 → 1.54.0

package/lib/index.js

@@ -1,5 +1,5 @@
 import { c } from "react-compiler-runtime";
-import React, { useEffect, createContext, useContext, useState, useRef, startTransition, Component, useMemo, useCallback, forwardRef, useImperativeHandle } from "react";
+import React, { useEffect, createContext, useContext, useState, useRef, Component, useMemo, startTransition, useCallback, forwardRef, useImperativeHandle } from "react";
 import { useEffectEvent } from "use-effect-event";
 import { useEditor, EditorContext } from "./_chunks-es/use-editor.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
@@ -7,15 +7,15 @@ import { useSelector, useActorRef } from "@xstate/react";
 import noop from "lodash/noop.js";
 import { Element as Element$1, Text, Range, Editor, Node, Point, Transforms, Path, Operation, createEditor } from "slate";
 import { useSlateStatic, useSelected, withReact, ReactEditor, Slate, useSlate, Editable } from "slate-react";
-import debug$g from "debug";
+import debug$f from "debug";
 import { DOMEditor, isDOMNode } from "slate-dom";
 import { getBlockStartPoint, getBlockKeyFromSelectionPoint, isTextBlock, parseBlock, sliceBlocks, parseAnnotation, blockOffsetToSpanSelectionPoint, parseInlineObject, isKeyedSegment, isSpan$1 as isSpan, isListBlock, isTypedObject, getSelectionStartPoint, getSelectionEndPoint, getTextBlockText, parseBlocks } from "./_chunks-es/selection-point.js";
 import { getBlockEndPoint, isEmptyTextBlock, isEqualSelectionPoints } from "./_chunks-es/util.is-equal-selection-points.js";
 import { isSelectionCollapsed, selectionPointToBlockOffset } from "./_chunks-es/util.selection-point-to-block-offset.js";
 import isEqual from "lodash/isEqual.js";
 import { isKeySegment, defineType, defineField } from "@sanity/types";
-import { isSelectionCollapsed as isSelectionCollapsed$1, getFocusTextBlock, getFocusSpan as getFocusSpan$1, getSelectedBlocks, isSelectionExpanded, getSelectionStartBlock as getSelectionStartBlock$1, getSelectionEndBlock as getSelectionEndBlock$1, getFocusBlock as getFocusBlock$1, getFocusBlockObject, getPreviousBlock, getNextBlock, getFirstBlock as getFirstBlock$1, getLastBlock as getLastBlock$1, getFocusListBlock } from "./_chunks-es/selector.is-selection-expanded.js";
-import { getFocusInlineObject, isOverlappingSelection, isSelectingEntireBlocks, getTrimmedSelection, getSelectedSpans, getCaretWordSelection, isAtTheEndOfBlock, isAtTheStartOfBlock, isActiveAnnotation, isActiveDecorator, getSelectedTextBlocks, isActiveListItem, isActiveStyle, getActiveAnnotations as getActiveAnnotations$1 } from "./_chunks-es/selector.is-selecting-entire-blocks.js";
+import { isSelectionCollapsed as isSelectionCollapsed$1, getFocusTextBlock, getFocusSpan as getFocusSpan$1, isSelectionExpanded, getFocusBlock as getFocusBlock$1, getFocusChild as getFocusChild$1 } from "./_chunks-es/selector.is-selection-expanded.js";
+import { getFocusInlineObject, getSelectedBlocks, getSelectionStartBlock as getSelectionStartBlock$1, getSelectionEndBlock as getSelectionEndBlock$1, isOverlappingSelection, isSelectingEntireBlocks, getTrimmedSelection, getSelectedSpans, getCaretWordSelection, getFocusBlockObject, getPreviousBlock, getNextBlock, isAtTheEndOfBlock, isAtTheStartOfBlock, getFirstBlock as getFirstBlock$1, getLastBlock as getLastBlock$1, getFocusListBlock, isActiveAnnotation, isActiveDecorator, getSelectedTextBlocks, isActiveListItem, isActiveStyle, getActiveAnnotations as getActiveAnnotations$1 } from "./_chunks-es/selector.is-selecting-entire-blocks.js";
 import getRandomValues from "get-random-values-esm";
 import { defineBehavior, forward, raise, effect } from "./behaviors/index.js";
 import uniq from "lodash/uniq.js";
@@ -26,8 +26,8 @@ import { toHTML } from "@portabletext/to-html";
 import { Schema } from "@sanity/schema";
 import flatten from "lodash/flatten.js";
 import omit from "lodash/omit.js";
-import { blockOffsetsToSelection } from "./_chunks-es/util.child-selection-point-to-block-offset.js";
 import { applyAll, unset, insert, set, setIfMissing, diffMatchPatch as diffMatchPatch$1 } from "@portabletext/patches";
+import { blockOffsetsToSelection } from "./_chunks-es/util.child-selection-point-to-block-offset.js";
 import get from "lodash/get.js";
 import isUndefined from "lodash/isUndefined.js";
 import omitBy from "lodash/omitBy.js";
@@ -47,10 +47,10 @@ function EditorEventListener(props) {
   return $[3] !== editor ? (t1 = [editor], $[3] = editor, $[4] = t1) : t1 = $[4], useEffect(t0, t1), null;
 }
 const rootName = "sanity-pte:";
-debug$g(rootName);
+debug$f(rootName);
 function debugWithName(name) {
   const namespace = `${rootName}${name}`;
-  return debug$g && debug$g.enabled(namespace) ? debug$g(namespace) : debug$g(rootName);
+  return debug$f && debug$f.enabled(namespace) ? debug$f(namespace) : debug$f(rootName);
 }
 const VOID_CHILD_KEY = "void-child";
 function keepObjectEquality(object, keyMap) {
@@ -1498,7 +1498,7 @@ function getEditorSnapshot({
     }
   };
 }
-const debug$f = debugWithName("plugin:withPortableTextMarkModel");
+const debug$e = debugWithName("plugin:withPortableTextMarkModel");
 function createWithPortableTextMarkModel(editorActor) {
   return function(editor) {
     const {
@@ -1512,7 +1512,7 @@ function createWithPortableTextMarkModel(editorActor) {
         for (const [child, childPath] of children) {
           const nextNode = node.children[childPath[1] + 1];
           if (editor.isTextSpan(child) && editor.isTextSpan(nextNode) && child.marks?.every((mark) => nextNode.marks?.includes(mark)) && nextNode.marks?.every((mark) => child.marks?.includes(mark))) {
-            debug$f("Merging spans", JSON.stringify(child, null, 2), JSON.stringify(nextNode, null, 2)), editorActor.send({
+            debug$e("Merging spans", JSON.stringify(child, null, 2), JSON.stringify(nextNode, null, 2)), editorActor.send({
               type: "normalizing"
             }), Transforms.mergeNodes(editor, {
               at: [childPath[0], childPath[1] + 1],
@@ -1525,7 +1525,7 @@ function createWithPortableTextMarkModel(editorActor) {
         }
       }
       if (editor.isTextBlock(node) && !Array.isArray(node.markDefs)) {
-        debug$f("Adding .markDefs to block node"), editorActor.send({
+        debug$e("Adding .markDefs to block node"), editorActor.send({
           type: "normalizing"
         }), Transforms.setNodes(editor, {
           markDefs: []
@@ -1537,7 +1537,7 @@ function createWithPortableTextMarkModel(editorActor) {
         return;
       }
       if (editor.isTextSpan(node) && !Array.isArray(node.marks)) {
-        debug$f("Adding .marks to span node"), editorActor.send({
+        debug$e("Adding .marks to span node"), editorActor.send({
           type: "normalizing"
         }), Transforms.setNodes(editor, {
           marks: []
@@ -1551,7 +1551,7 @@ function createWithPortableTextMarkModel(editorActor) {
       if (editor.isTextSpan(node)) {
         const blockPath = Path.parent(path), [block] = Editor.node(editor, blockPath), decorators2 = editorActor.getSnapshot().context.schema.decorators.map((decorator) => decorator.name), annotations = node.marks?.filter((mark) => !decorators2.includes(mark));
         if (editor.isTextBlock(block) && node.text === "" && annotations && annotations.length > 0) {
-          debug$f("Removing annotations from empty span node"), editorActor.send({
+          debug$e("Removing annotations from empty span node"), editorActor.send({
             type: "normalizing"
           }), Transforms.setNodes(editor, {
             marks: node.marks?.filter((mark) => decorators2.includes(mark))
@@ -1569,7 +1569,7 @@ function createWithPortableTextMarkModel(editorActor) {
           if (editor.isTextSpan(child)) {
             const marks = child.marks ?? [], orphanedAnnotations = marks.filter((mark) => !decorators2.includes(mark) && !node.markDefs?.find((def) => def._key === mark));
             if (orphanedAnnotations.length > 0) {
-              debug$f("Removing orphaned annotations from span node"), editorActor.send({
+              debug$e("Removing orphaned annotations from span node"), editorActor.send({
                 type: "normalizing"
               }), Transforms.setNodes(editor, {
                 marks: marks.filter((mark) => !orphanedAnnotations.includes(mark))
@@ -1587,7 +1587,7 @@ function createWithPortableTextMarkModel(editorActor) {
         if (editor.isTextBlock(block)) {
           const decorators2 = editorActor.getSnapshot().context.schema.decorators.map((decorator) => decorator.name), marks = node.marks ?? [], orphanedAnnotations = marks.filter((mark) => !decorators2.includes(mark) && !block.markDefs?.find((def) => def._key === mark));
           if (orphanedAnnotations.length > 0) {
-            debug$f("Removing orphaned annotations from span node"), editorActor.send({
+            debug$e("Removing orphaned annotations from span node"), editorActor.send({
               type: "normalizing"
             }), Transforms.setNodes(editor, {
               marks: marks.filter((mark) => !orphanedAnnotations.includes(mark))
@@ -1605,7 +1605,7 @@ function createWithPortableTextMarkModel(editorActor) {
         for (const markDef of markDefs)
           markDefKeys.has(markDef._key) || (markDefKeys.add(markDef._key), newMarkDefs.push(markDef));
         if (markDefs.length !== newMarkDefs.length) {
-          debug$f("Removing duplicate markDefs"), editorActor.send({
+          debug$e("Removing duplicate markDefs"), editorActor.send({
             type: "normalizing"
           }), Transforms.setNodes(editor, {
             markDefs: newMarkDefs
@@ -1620,7 +1620,7 @@ function createWithPortableTextMarkModel(editorActor) {
       if (editor.isTextBlock(node) && !editor.operations.some((op) => op.type === "merge_node" && "markDefs" in op.properties && op.path.length === 1)) {
         const newMarkDefs = (node.markDefs || []).filter((def) => node.children.find((child) => Text.isText(child) && Array.isArray(child.marks) && child.marks.includes(def._key)));
         if (node.markDefs && !isEqual(newMarkDefs, node.markDefs)) {
-          debug$f("Removing markDef not in use"), editorActor.send({
+          debug$e("Removing markDef not in use"), editorActor.send({
             type: "normalizing"
           }), Transforms.setNodes(editor, {
             markDefs: newMarkDefs
@@ -1773,7 +1773,7 @@ function createWithPortableTextMarkModel(editorActor) {
         const [targetBlock, targetPath] = Editor.node(editor, [op.path[0] - 1]);
         if (editor.isTextBlock(targetBlock)) {
           const oldDefs = Array.isArray(targetBlock.markDefs) && targetBlock.markDefs || [], newMarkDefs = uniq([...oldDefs, ...op.properties.markDefs]);
-          debug$f("Copying markDefs over to merged block", op), Transforms.setNodes(editor, {
+          debug$e("Copying markDefs over to merged block", op), Transforms.setNodes(editor, {
             markDefs: newMarkDefs
           }, {
             at: targetPath,
@@ -2483,7 +2483,7 @@ function withUndoStep(editor, fn) {
 function getCurrentUndoStepId(editor) {
   return CURRENT_UNDO_STEP.get(editor)?.undoStepId;
 }
-const debug$e = debugWithName("plugin:withUndoRedo"), SAVING = /* @__PURE__ */ new WeakMap(), REMOTE_PATCHES = /* @__PURE__ */ new WeakMap(), UNDO_STEP_LIMIT = 1e3, isSaving = (editor) => {
+const debug$d = debugWithName("plugin:withUndoRedo"), SAVING = /* @__PURE__ */ new WeakMap(), REMOTE_PATCHES = /* @__PURE__ */ new WeakMap(), UNDO_STEP_LIMIT = 1e3, isSaving = (editor) => {
   const state = SAVING.get(editor);
   return state === void 0 ? !0 : state;
 }, getRemotePatches = (editor) => (REMOTE_PATCHES.get(editor) || REMOTE_PATCHES.set(editor, []), REMOTE_PATCHES.get(editor) || []);
@@ -2496,7 +2496,7 @@ function createWithUndoRedo(options) {
     const remotePatches = getRemotePatches(editor);
     let previousUndoStepId = getCurrentUndoStepId(editor);
     options.subscriptions.push(() => {
-      debug$e("Subscribing to patches");
+      debug$d("Subscribing to patches");
       const sub = editorActor.on("patches", ({
         patches,
         snapshot
@@ -2505,7 +2505,7 @@ function createWithUndoRedo(options) {
         patches.forEach((patch) => {
           if (!reset && patch.origin !== "local" && remotePatches) {
             if (patch.type === "unset" && patch.path.length === 0) {
-              debug$e("Someone else cleared the content, resetting undo/redo history"), editor.history = {
+              debug$d("Someone else cleared the content, resetting undo/redo history"), editor.history = {
                 undos: [],
                 redos: []
               }, remotePatches.splice(0, remotePatches.length), SAVING.set(editor, !0), reset = !0;
@@ -2521,7 +2521,7 @@ function createWithUndoRedo(options) {
         }), previousSnapshot = snapshot;
       });
       return () => {
-        debug$e("Unsubscribing to patches"), sub.unsubscribe();
+        debug$d("Unsubscribing to patches"), sub.unsubscribe();
       };
     }), editor.history = {
       undos: [],
@@ -2560,7 +2560,7 @@ function createWithUndoRedo(options) {
             operations: [...editor.selection === null ? [] : [createSelectOperation(editor)], op],
             timestamp: /* @__PURE__ */ new Date()
           };
-          undos.push(newStep), debug$e("Created new undo step", step);
+          undos.push(newStep), debug$d("Created new undo step", step);
         }
         for (; undos.length > UNDO_STEP_LIMIT; )
           undos.shift();
@@ -2578,7 +2578,7 @@ const historyUndoOperationImplementation = ({
   } = editor.history, remotePatches = getRemotePatches(editor);
   if (undos.length > 0) {
     const step = undos[undos.length - 1];
-    if (debug$e("Undoing", step), step.operations.length > 0) {
+    if (debug$d("Undoing", step), step.operations.length > 0) {
       const otherPatches = remotePatches.filter((item) => item.time >= step.timestamp);
       let transformedOperations = step.operations;
       otherPatches.forEach((item) => {
@@ -2596,7 +2596,7 @@ const historyUndoOperationImplementation = ({
           });
         });
       } catch (err) {
-        debug$e("Could not perform undo step", err), remotePatches.splice(0, remotePatches.length), Transforms.deselect(editor), editor.history = {
+        debug$d("Could not perform undo step", err), remotePatches.splice(0, remotePatches.length), Transforms.deselect(editor), editor.history = {
           undos: [],
           redos: []
         }, SAVING.set(editor, !0), setIsUndoing(editor, !1), editor.onChange();
@@ -2613,7 +2613,7 @@ const historyUndoOperationImplementation = ({
   } = editor.history, remotePatches = getRemotePatches(editor);
   if (redos.length > 0) {
     const step = redos[redos.length - 1];
-    if (debug$e("Redoing", step), step.operations.length > 0) {
+    if (debug$d("Redoing", step), step.operations.length > 0) {
       const otherPatches = remotePatches.filter((item) => item.time >= step.timestamp);
       let transformedOperations = step.operations;
       otherPatches.forEach((item) => {
@@ -2630,7 +2630,7 @@ const historyUndoOperationImplementation = ({
           });
         });
       } catch (err) {
-        debug$e("Could not perform redo step", err), remotePatches.splice(0, remotePatches.length), Transforms.deselect(editor), editor.history = {
+        debug$d("Could not perform redo step", err), remotePatches.splice(0, remotePatches.length), Transforms.deselect(editor), editor.history = {
           undos: [],
           redos: []
         }, SAVING.set(editor, !0), setIsRedoing(editor, !1), editor.onChange();
@@ -2648,16 +2648,16 @@ function transformOperation(editor, patch, operation, snapshot, previousSnapshot
     const insertBlockIndex = (snapshot || []).findIndex((blk) => isEqual({
       _key: blk._key
     }, patch.path[0]));
-    return debug$e(`Adjusting block path (+${patch.items.length}) for '${transformedOperation.type}' operation and patch '${patch.type}'`), [adjustBlockPath(transformedOperation, patch.items.length, insertBlockIndex)];
+    return debug$d(`Adjusting block path (+${patch.items.length}) for '${transformedOperation.type}' operation and patch '${patch.type}'`), [adjustBlockPath(transformedOperation, patch.items.length, insertBlockIndex)];
   }
   if (patch.type === "unset" && patch.path.length === 1) {
     const unsetBlockIndex = (previousSnapshot || []).findIndex((blk) => isEqual({
       _key: blk._key
     }, patch.path[0]));
-    return "path" in transformedOperation && Array.isArray(transformedOperation.path) && transformedOperation.path[0] === unsetBlockIndex ? (debug$e("Skipping transformation that targeted removed block"), []) : [adjustBlockPath(transformedOperation, -1, unsetBlockIndex)];
+    return "path" in transformedOperation && Array.isArray(transformedOperation.path) && transformedOperation.path[0] === unsetBlockIndex ? (debug$d("Skipping transformation that targeted removed block"), []) : [adjustBlockPath(transformedOperation, -1, unsetBlockIndex)];
   }
   if (patch.type === "unset" && patch.path.length === 0)
-    return debug$e(`Adjusting selection for unset everything patch and ${operation.type} operation`), [];
+    return debug$d(`Adjusting selection for unset everything patch and ${operation.type} operation`), [];
   if (patch.type === "diffMatchPatch") {
     const operationTargetBlock = findOperationTargetBlock(editor, transformedOperation);
     return !operationTargetBlock || !isEqual({
@@ -2990,6 +2990,132 @@ const addAnnotationOperationImplementation = ({
   }, {
     at: location
   });
+}, childSetOperationImplementation = ({
+  context,
+  operation
+}) => {
+  const location = toSlateRange({
+    anchor: {
+      path: operation.at,
+      offset: 0
+    },
+    focus: {
+      path: operation.at,
+      offset: 0
+    }
+  }, operation.editor);
+  if (!location)
+    throw new Error(`Unable to convert ${JSON.stringify(operation.at)} into a Slate Range`);
+  const childEntry = Editor.node(operation.editor, location, {
+    depth: 2
+  }), child = childEntry?.[0], childPath = childEntry?.[1];
+  if (!child || !childPath)
+    throw new Error(`Unable to find child at ${JSON.stringify(operation.at)}`);
+  if (operation.editor.isTextSpan(child)) {
+    const {
+      _type,
+      text,
+      ...rest
+    } = operation.props;
+    Transforms.setNodes(operation.editor, {
+      ...child,
+      ...rest
+    }, {
+      at: childPath
+    }), typeof text == "string" && child.text !== text && (operation.editor.apply({
+      type: "remove_text",
+      path: childPath,
+      offset: 0,
+      text: child.text
+    }), operation.editor.apply({
+      type: "insert_text",
+      path: childPath,
+      offset: 0,
+      text
+    }));
+    return;
+  }
+  if (Element$1.isElement(child)) {
+    const definition = context.schema.inlineObjects.find((definition2) => definition2.name === child._type);
+    if (!definition)
+      throw new Error(`Unable to find schema definition for Inline Object type ${child._type}`);
+    const value = "value" in child && typeof child.value == "object" ? child.value : {}, {
+      _type,
+      _key,
+      ...rest
+    } = operation.props;
+    for (const prop in rest)
+      definition.fields.some((field) => field.name === prop) || delete rest[prop];
+    Transforms.setNodes(operation.editor, {
+      ...child,
+      _key: typeof _key == "string" ? _key : child._key,
+      value: {
+        ...value,
+        ...rest
+      }
+    }, {
+      at: childPath
+    });
+    return;
+  }
+  throw new Error(`Unable to determine the type of child at ${JSON.stringify(operation.at)}`);
+}, childUnsetOperationImplementation = ({
+  context,
+  operation
+}) => {
+  const location = toSlateRange({
+    anchor: {
+      path: operation.at,
+      offset: 0
+    },
+    focus: {
+      path: operation.at,
+      offset: 0
+    }
+  }, operation.editor);
+  if (!location)
+    throw new Error(`Unable to convert ${JSON.stringify(operation.at)} into a Slate Range`);
+  const childEntry = Editor.node(operation.editor, location, {
+    depth: 2
+  }), child = childEntry?.[0], childPath = childEntry?.[1];
+  if (!child || !childPath)
+    throw new Error(`Unable to find child at ${JSON.stringify(operation.at)}`);
+  if (operation.editor.isTextSpan(child)) {
+    operation.props.includes("text") && operation.editor.apply({
+      type: "remove_text",
+      path: childPath,
+      offset: 0,
+      text: child.text
+    });
+    const newNode = {};
+    for (const prop of operation.props)
+      if (prop !== "_type") {
+        if (prop === "_key") {
+          newNode._key = context.keyGenerator();
+          continue;
+        }
+        newNode[prop] = null;
+      }
+    Transforms.setNodes(operation.editor, newNode, {
+      at: childPath
+    });
+    return;
+  }
+  if (Element$1.isElement(child)) {
+    const value = "value" in child && typeof child.value == "object" ? child.value : {}, patches = operation.props.map((prop) => ({
+      type: "unset",
+      path: [prop]
+    })), newValue = applyAll(value, patches);
+    Transforms.setNodes(operation.editor, {
+      ...child,
+      _key: operation.props.includes("_key") ? context.keyGenerator() : child._key,
+      value: newValue
+    }, {
+      at: childPath
+    });
+    return;
+  }
+  throw new Error(`Unable to determine the type of child at ${JSON.stringify(operation.at)}`);
 }, decoratorAddOperationImplementation = ({
   context,
   operation
@@ -3421,6 +3547,8 @@ const moveBackwardOperationImplementation = ({
   "annotation.remove": removeAnnotationOperationImplementation,
   "block.set": blockSetOperationImplementation,
   "block.unset": blockUnsetOperationImplementation,
+  "child.set": childSetOperationImplementation,
+  "child.unset": childUnsetOperationImplementation,
   "decorator.add": decoratorAddOperationImplementation,
   "decorator.remove": removeDecoratorOperationImplementation,
   delete: deleteOperationImplementation,
@@ -3469,6 +3597,20 @@ function performOperation({
         });
         break;
       }
+      case "child.set": {
+        behaviorOperationImplementations["child.set"]({
+          context,
+          operation
+        });
+        break;
+      }
+      case "child.unset": {
+        behaviorOperationImplementations["child.unset"]({
+          context,
+          operation
+        });
+        break;
+      }
       case "decorator.add": {
         behaviorOperationImplementations["decorator.add"]({
           context,
@@ -4423,7 +4565,7 @@ function withoutPatching(editor, fn) {
 function isPatching(editor) {
   return PATCHING.get(editor);
 }
-const debug$d = debugWithName("plugin:withPatches");
+const debug$c = debugWithName("plugin:withPatches");
 function createWithPatches({
   editorActor,
   relayActor,
@@ -4448,7 +4590,7 @@ function createWithPatches({
           withoutPatching(editor, () => {
             withoutSaving(editor, () => {
               for (const patch of patches) {
-                debug$d.enabled && debug$d(`Handling remote patch ${JSON.stringify(patch)}`);
+                debug$c.enabled && debug$c(`Handling remote patch ${JSON.stringify(patch)}`);
                 try {
                   changed = applyPatch(editor, patch);
                 } catch (error) {
@@ -4466,10 +4608,10 @@ function createWithPatches({
       remotePatches.length !== 0 && (bufferedPatches = bufferedPatches.concat(remotePatches), handleBufferedRemotePatches());
     };
     return subscriptions.push(() => {
-      debug$d("Subscribing to remote patches");
+      debug$c("Subscribing to remote patches");
       const sub = editorActor.on("patches", handlePatches);
       return () => {
-        debug$d("Unsubscribing to remote patches"), sub.unsubscribe();
+        debug$c("Unsubscribing to remote patches"), sub.unsubscribe();
       };
     }), editor.apply = (operation) => {
       let patches = [];
@@ -4517,13 +4659,13 @@ function createWithPatches({
               origin: "local"
             },
             operationId: getCurrentOperationId(editor),
-            value: fromSlateValue(editor.children, editorActor.getSnapshot().context.schema.block.name, KEY_TO_VALUE_ELEMENT.get(editor))
+            value: editor.value
           });
       return editor;
     }, editor;
   };
 }
-const debug$c = debugWithName("plugin:withPlaceholderBlock");
+const debug$b = debugWithName("plugin:withPlaceholderBlock");
 function createWithPlaceholderBlock(editorActor) {
   return function(editor) {
     const {
@@ -4548,7 +4690,7 @@ function createWithPlaceholderBlock(editorActor) {
         const node = op.node;
         if (op.path[0] === 0 && Editor.isVoid(editor, node)) {
           const nextPath = Path.next(op.path);
-          editor.children[nextPath[0]] || (debug$c("Adding placeholder block"), Editor.insertNode(editor, editor.pteCreateTextBlock({
+          editor.children[nextPath[0]] || (debug$b("Adding placeholder block"), Editor.insertNode(editor, editor.pteCreateTextBlock({
             decorators: []
           })));
         }
@@ -4557,7 +4699,7 @@ function createWithPlaceholderBlock(editorActor) {
     }, editor;
   };
 }
-const debug$b = debugWithName("plugin:withSchemaTypes");
+const debug$a = debugWithName("plugin:withSchemaTypes");
 function createWithSchemaTypes({
   editorActor
 }) {
@@ -4569,7 +4711,7 @@ function createWithSchemaTypes({
     return editor.normalizeNode = (entry) => {
       const [node, path] = entry;
       if (node._type === void 0 && path.length === 2) {
-        debug$b("Setting span type on text node without a type");
+        debug$a("Setting span type on text node without a type");
         const span = node, key = span._key || editorActor.getSnapshot().context.keyGenerator();
         editorActor.send({
           type: "normalizing"
@@ -4585,7 +4727,7 @@ function createWithSchemaTypes({
         return;
       }
       if (node._key === void 0 && (path.length === 1 || path.length === 2)) {
-        debug$b("Setting missing key on child node without a key");
+        debug$a("Setting missing key on child node without a key");
         const key = editorActor.getSnapshot().context.keyGenerator();
         editorActor.send({
           type: "normalizing"
@@ -5070,9 +5212,9 @@ const withPlugins = (editor, options) => {
     editorActor,
     editor: e
   }))))))))))));
-}, debug$a = debugWithName("setup");
+}, debug$9 = debugWithName("setup");
 function createSlateEditor(config) {
-  debug$a("Creating new Slate editor instance");
+  debug$9("Creating new Slate editor instance");
   const instance = withPlugins(withReact(createEditor()), {
     editorActor: config.editorActor,
     relayActor: config.relayActor,
@@ -5087,6 +5229,62 @@ function createSlateEditor(config) {
     initialValue
   };
 }
+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);
+  if (!range)
+    return [];
+  try {
+    return Array.from(Editor.nodes(slateEditor, {
+      at: range,
+      mode: "highest",
+      match: (n) => !Editor.isEditor(n)
+    })).map(([blockNode]) => DOMEditor.toDOMNode(slateEditor, blockNode));
+  } catch {
+    return [];
+  }
+}
+function getChildNodes(slateEditor, snapshot) {
+  if (!snapshot.context.selection)
+    return [];
+  const range = toSlateRange(snapshot.context.selection, slateEditor);
+  if (!range)
+    return [];
+  try {
+    return Array.from(Editor.nodes(slateEditor, {
+      at: range,
+      mode: "lowest",
+      match: (n) => !Editor.isEditor(n)
+    })).map(([childNode]) => DOMEditor.toDOMNode(slateEditor, childNode));
+  } catch {
+    return [];
+  }
+}
+function setDragGhost({
+  sendBack,
+  event,
+  ghost
+}) {
+  event.originEvent.dataTransfer.setDragImage(ghost.element, ghost.x, ghost.y), sendBack({
+    type: "set drag ghost",
+    ghost: ghost.element
+  });
+}
 const addAnnotationOnCollapsedSelection = defineBehavior({
   on: "annotation.add",
   guard: ({
@@ -6006,52 +6204,55 @@ const coreDndBehaviors = [
 }, 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, coreInsertBreakBehaviors.breakingInlineObject].map((behavior) => ({
   behavior,
   priority: corePriority
-}));
-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(Editor.nodes(slateEditor, {
-    at: range,
-    mode: "highest",
-    match: (n) => !Editor.isEditor(n)
-  })).map(([blockNode]) => DOMEditor.toDOMNode(slateEditor, blockNode)) : [];
-}
-function getChildNodes(slateEditor, snapshot) {
-  if (!snapshot.context.selection)
-    return [];
-  const range = toSlateRange(snapshot.context.selection, slateEditor);
-  return range ? Array.from(Editor.nodes(slateEditor, {
-    at: range,
-    mode: "lowest",
-    match: (n) => !Editor.isEditor(n)
-  })).map(([childNode]) => 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 = [defineBehavior({
+})), abstractAnnotationBehaviors = [defineBehavior({
+  on: "annotation.set",
+  guard: ({
+    snapshot,
+    event
+  }) => {
+    const blockKey = event.at[0]._key, markDefKey = event.at[2]._key, block = getFocusTextBlock({
+      context: {
+        ...snapshot.context,
+        selection: {
+          anchor: {
+            path: [{
+              _key: blockKey
+            }],
+            offset: 0
+          },
+          focus: {
+            path: [{
+              _key: blockKey
+            }],
+            offset: 0
+          }
+        }
+      }
+    });
+    if (!block)
+      return !1;
+    const updatedMarkDefs = block.node.markDefs?.map((markDef) => markDef._key === markDefKey ? {
+      ...markDef,
+      ...event.props
+    } : markDef);
+    return {
+      blockKey,
+      updatedMarkDefs
+    };
+  },
+  actions: [(_, {
+    blockKey,
+    updatedMarkDefs
+  }) => [raise({
+    type: "block.set",
+    at: [{
+      _key: blockKey
+    }],
+    props: {
+      markDefs: updatedMarkDefs
+    }
+  })]]
+}), defineBehavior({
   on: "annotation.toggle",
   guard: ({
     snapshot,
@@ -6162,6 +6363,57 @@ const abstractAnnotationBehaviors = [defineBehavior({
       }
     }
   })]]
+}), defineBehavior({
+  on: "delete.child",
+  guard: ({
+    snapshot,
+    event
+  }) => {
+    const focusChild = getFocusChild$1({
+      context: {
+        ...snapshot.context,
+        selection: {
+          anchor: {
+            path: event.at,
+            offset: 0
+          },
+          focus: {
+            path: event.at,
+            offset: 0
+          }
+        }
+      }
+    });
+    return focusChild ? isSpan(snapshot.context, focusChild.node) ? {
+      selection: {
+        anchor: {
+          path: event.at,
+          offset: 0
+        },
+        focus: {
+          path: event.at,
+          offset: focusChild.node.text.length
+        }
+      }
+    } : {
+      selection: {
+        anchor: {
+          path: event.at,
+          offset: 0
+        },
+        focus: {
+          path: event.at,
+          offset: 0
+        }
+      }
+    } : !1;
+  },
+  actions: [(_, {
+    selection
+  }) => [raise({
+    type: "delete",
+    at: selection
+  })]]
 }), defineBehavior({
   on: "delete.text",
   guard: ({
@@ -6945,7 +7197,7 @@ const abstractAnnotationBehaviors = [defineBehavior({
 function isSyntheticBehaviorEvent(event) {
   return !isCustomBehaviorEvent(event) && !isNativeBehaviorEvent(event) && !isAbstractBehaviorEvent(event);
 }
-const abstractBehaviorEventTypes = ["annotation.toggle", "decorator.toggle", "delete.backward", "delete.block", "delete.forward", "delete.text", "deserialize", "deserialization.success", "deserialization.failure", "insert.blocks", "insert.break", "insert.soft break", "list item.add", "list item.remove", "list item.toggle", "move.block down", "move.block up", "select.previous block", "select.next block", "serialize", "serialization.success", "serialization.failure", "split", "style.add", "style.remove", "style.toggle"];
+const abstractBehaviorEventTypes = ["annotation.set", "annotation.toggle", "decorator.toggle", "delete.backward", "delete.block", "delete.child", "delete.forward", "delete.text", "deserialize", "deserialization.success", "deserialization.failure", "insert.blocks", "insert.break", "insert.soft break", "list item.add", "list item.remove", "list item.toggle", "move.block down", "move.block up", "select.previous block", "select.next block", "serialize", "serialization.success", "serialization.failure", "split", "style.add", "style.remove", "style.toggle"];
 function isAbstractBehaviorEvent(event) {
   return abstractBehaviorEventTypes.includes(event.type);
 }
@@ -6956,7 +7208,7 @@ function isNativeBehaviorEvent(event) {
 function isCustomBehaviorEvent(event) {
   return event.type.startsWith("custom.");
 }
-const debug$9 = debugWithName("behaviors:event");
+const debug$8 = debugWithName("behaviors:event");
 function eventCategory(event) {
   return isNativeBehaviorEvent(event) ? "native" : isAbstractBehaviorEvent(event) ? "synthetic" : isCustomBehaviorEvent(event) ? "custom" : "synthetic";
 }
@@ -6972,7 +7224,7 @@ function performEvent({
   nativeEvent,
   sendBack
 }) {
-  debug$9(`(${mode}:${eventCategory(event)})`, JSON.stringify(event, null, 2));
+  debug$8(`(${mode}:${eventCategory(event)})`, JSON.stringify(event, null, 2));
   const eventBehaviors = [...remainingEventBehaviors, ...abstractBehaviors].filter((behavior) => {
     if (behavior.on === "*")
       return !0;
@@ -6981,7 +7233,7 @@ function performEvent({
   });
   if (eventBehaviors.length === 0 && isSyntheticBehaviorEvent(event)) {
     nativeEvent?.preventDefault(), withApplyingBehaviorOperations(editor, () => {
-      debug$9(`(execute:${eventCategory(event)})`, JSON.stringify(event, null, 2)), performOperation({
+      debug$8(`(execute:${eventCategory(event)})`, JSON.stringify(event, null, 2)), performOperation({
         context: {
           keyGenerator,
           schema
@@ -6991,7 +7243,7 @@ function performEvent({
           editor
         }
       });
-    }), editor.onChange();
+    });
     return;
   }
   const guardSnapshot = getSnapshot();
@@ -7023,11 +7275,10 @@ function performEvent({
           console.error(new Error(`Evaluating actions for "${event.type}" failed due to: ${error.message}`));
         }
         if (actions.length !== 0) {
-          if (actions.some((action) => action.type === "execute")) {
+          if (nativeEventPrevented = actions.some((action) => action.type === "raise" || action.type === "execute") || !actions.some((action) => action.type === "forward"), actions.some((action) => action.type === "execute")) {
             withUndoStep(editor, () => {
               for (const action of actions) {
                 if (action.type === "effect") {
-                  nativeEventPrevented = !0;
                   try {
                     action.effect();
                   } catch (error) {
@@ -7052,7 +7303,7 @@ function performEvent({
                   continue;
                 }
                 if (action.type === "raise") {
-                  nativeEventPrevented = !0, performEvent({
+                  performEvent({
                     mode: "raise",
                     behaviors,
                     remainingEventBehaviors: behaviors,
@@ -7066,7 +7317,7 @@ function performEvent({
                   });
                   continue;
                 }
-                nativeEventPrevented = !0, performEvent({
+                performEvent({
                   mode: "execute",
                   behaviors,
                   remainingEventBehaviors: isAbstractBehaviorEvent(action.event) ? behaviors : [],
@@ -7084,7 +7335,6 @@ function performEvent({
           }
           for (const action of actions) {
             if (action.type === "effect") {
-              nativeEventPrevented = !0;
               try {
                 action.effect();
               } catch (error) {
@@ -7109,7 +7359,7 @@ function performEvent({
               continue;
             }
             if (action.type === "raise") {
-              nativeEventPrevented = !0, performEvent({
+              performEvent({
                 mode: "raise",
                 behaviors,
                 remainingEventBehaviors: behaviors,
@@ -7131,7 +7381,7 @@ function performEvent({
     }
   }
   !defaultBehaviorOverwritten && isSyntheticBehaviorEvent(event) ? (nativeEvent?.preventDefault(), withApplyingBehaviorOperations(editor, () => {
-    debug$9(`(execute:${eventCategory(event)})`, JSON.stringify(event, null, 2)), performOperation({
+    debug$8(`(execute:${eventCategory(event)})`, JSON.stringify(event, null, 2)), performOperation({
       context: {
         keyGenerator,
         schema
@@ -7141,7 +7391,7 @@ function performEvent({
         editor
       }
     });
-  }), editor.onChange()) : nativeEventPrevented && nativeEvent?.preventDefault();
+  })) : nativeEventPrevented && nativeEvent?.preventDefault();
 }
 function sortByPriority(items) {
   if (items.length === 0)
@@ -7220,7 +7470,7 @@ function createEditorSnapshot({
     }
   };
 }
-const debug$8 = debugWithName("editor machine"), editorMachine = setup({
+const debug$7 = debugWithName("editor machine"), editorMachine = setup({
   types: {
     context: {},
     events: {},
@@ -7422,10 +7672,10 @@ const debug$8 = debugWithName("editor machine"), editorMachine = setup({
           states: {
             "determine initial edit mode": {
               entry: [() => {
-                debug$8("entry: edit mode->read only->determine initial edit mode");
+                debug$7("entry: edit mode->read only->determine initial edit mode");
               }],
               exit: [() => {
-                debug$8("exit: edit mode->read only->determine initial edit mode");
+                debug$7("exit: edit mode->read only->determine initial edit mode");
               }],
               on: {
                 "done syncing value": [{
@@ -7440,10 +7690,10 @@ const debug$8 = debugWithName("editor machine"), editorMachine = setup({
             },
             "read only": {
               entry: [() => {
-                debug$8("entry: edit mode->read only->read only");
+                debug$7("entry: edit mode->read only->read only");
               }],
               exit: [() => {
-                debug$8("exit: edit mode->read only->read only");
+                debug$7("exit: edit mode->read only->read only");
               }],
               on: {
                 "update readOnly": {
@@ -7485,10 +7735,10 @@ const debug$8 = debugWithName("editor machine"), editorMachine = setup({
           states: {
             idle: {
               entry: [() => {
-                debug$8("entry: edit mode->editable->idle");
+                debug$7("entry: edit mode->editable->idle");
               }],
               exit: [() => {
-                debug$8("exit: edit mode->editable-idle");
+                debug$7("exit: edit mode->editable-idle");
               }],
               on: {
                 dragstart: {
@@ -7508,10 +7758,10 @@ const debug$8 = debugWithName("editor machine"), editorMachine = setup({
               states: {
                 "checking if busy": {
                   entry: [() => {
-                    debug$8("entry: edit mode->editable->focusing->checking if busy");
+                    debug$7("entry: edit mode->editable->focusing->checking if busy");
                   }],
                   exit: [() => {
-                    debug$8("exit: edit mode->editable->focusing->checking if busy");
+                    debug$7("exit: edit mode->editable->focusing->checking if busy");
                   }],
                   always: [{
                     guard: "slate is busy",
@@ -7523,10 +7773,10 @@ const debug$8 = debugWithName("editor machine"), editorMachine = setup({
                 },
                 busy: {
                   entry: [() => {
-                    debug$8("entry: edit mode->editable->focusing-busy");
+                    debug$7("entry: edit mode->editable->focusing-busy");
                   }],
                   exit: [() => {
-                    debug$8("exit: edit mode->editable->focusing->busy");
+                    debug$7("exit: edit mode->editable->focusing->busy");
                   }],
                   after: {
                     10: {
@@ -7538,10 +7788,10 @@ const debug$8 = debugWithName("editor machine"), editorMachine = setup({
             },
             "dragging internally": {
               entry: [() => {
-                debug$8("entry: edit mode->editable->dragging internally");
+                debug$7("entry: edit mode->editable->dragging internally");
               }],
               exit: [() => {
-                debug$8("exit: edit mode->editable->dragging internally");
+                debug$7("exit: edit mode->editable->dragging internally");
               }, ({
                 context
               }) => {
@@ -7575,10 +7825,10 @@ const debug$8 = debugWithName("editor machine"), editorMachine = setup({
       states: {
         "setting up": {
           entry: [() => {
-            debug$8("entry: setup->setting up");
+            debug$7("entry: setup->setting up");
           }],
           exit: [() => {
-            debug$8("exit: setup->setting up");
+            debug$7("exit: setup->setting up");
           }, "emit ready", "emit pending incoming patches", "clear pending incoming patches"],
           on: {
             "internal.patch": {
@@ -7603,10 +7853,10 @@ const debug$8 = debugWithName("editor machine"), editorMachine = setup({
               states: {
                 idle: {
                   entry: [() => {
-                    debug$8("entry: setup->set up->value sync->idle");
+                    debug$7("entry: setup->set up->value sync->idle");
                   }],
                   exit: [() => {
-                    debug$8("exit: setup->set up->value sync->idle");
+                    debug$7("exit: setup->set up->value sync->idle");
                   }],
                   on: {
                     patches: {
@@ -7621,10 +7871,10 @@ const debug$8 = debugWithName("editor machine"), editorMachine = setup({
                 },
                 "syncing value": {
                   entry: [() => {
-                    debug$8("entry: setup->set up->value sync->syncing value");
+                    debug$7("entry: setup->set up->value sync->syncing value");
                   }],
                   exit: [() => {
-                    debug$8("exit: setup->set up->value sync->syncing value");
+                    debug$7("exit: setup->set up->value sync->syncing value");
                   }, "emit pending incoming patches", "clear pending incoming patches"],
                   on: {
                     patches: {
@@ -7645,10 +7895,10 @@ const debug$8 = debugWithName("editor machine"), editorMachine = setup({
                   states: {
                     idle: {
                       entry: [() => {
-                        debug$8("entry: setup->set up->writing->pristine->idle");
+                        debug$7("entry: setup->set up->writing->pristine->idle");
                       }],
                       exit: [() => {
-                        debug$8("exit: setup->set up->writing->pristine->idle");
+                        debug$7("exit: setup->set up->writing->pristine->idle");
                       }],
                       on: {
                         normalizing: {
@@ -7666,10 +7916,10 @@ const debug$8 = debugWithName("editor machine"), editorMachine = setup({
                     },
                     normalizing: {
                       entry: [() => {
-                        debug$8("entry: setup->set up->writing->pristine->normalizing");
+                        debug$7("entry: setup->set up->writing->pristine->normalizing");
                       }],
                       exit: [() => {
-                        debug$8("exit: setup->set up->writing->pristine->normalizing");
+                        debug$7("exit: setup->set up->writing->pristine->normalizing");
                       }],
                       on: {
                         "done normalizing": {
@@ -7687,10 +7937,10 @@ const debug$8 = debugWithName("editor machine"), editorMachine = setup({
                 },
                 dirty: {
                   entry: [() => {
-                    debug$8("entry: setup->set up->writing->dirty");
+                    debug$7("entry: setup->set up->writing->dirty");
                   }, "emit pending events", "clear pending events"],
                   exit: [() => {
-                    debug$8("exit: setup->set up->writing->dirty");
+                    debug$7("exit: setup->set up->writing->dirty");
                   }],
                   on: {
                     "internal.patch": {
@@ -7904,7 +8154,7 @@ function compileSchemaDefinitionToLegacySchema(definition) {
     } : inlineObject)
   };
 }
-const debug$7 = debugWithName("mutation-machine"), mutationMachine = setup({
+const debug$6 = debugWithName("mutation-machine"), mutationMachine = setup({
   types: {
     context: {},
     events: {},
@@ -8058,10 +8308,10 @@ const debug$7 = debugWithName("mutation-machine"), mutationMachine = setup({
       states: {
         idle: {
           entry: [() => {
-            debug$7("entry: typing->idle");
+            debug$6("entry: typing->idle");
           }],
           exit: [() => {
-            debug$7("exit: typing->idle"), debug$7("entry: typing->typing");
+            debug$6("exit: typing->idle"), debug$6("entry: typing->typing");
           }],
           on: {
             typing: {
@@ -8074,7 +8324,7 @@ const debug$7 = debugWithName("mutation-machine"), mutationMachine = setup({
             "type debounce": {
               target: "idle",
               actions: [() => {
-                debug$7("exit: typing->typing");
+                debug$6("exit: typing->typing");
               }]
             }
           },
@@ -8095,10 +8345,10 @@ const debug$7 = debugWithName("mutation-machine"), mutationMachine = setup({
       states: {
         idle: {
           entry: [() => {
-            debug$7("entry: mutations->idle");
+            debug$6("entry: mutations->idle");
           }],
           exit: [() => {
-            debug$7("exit: mutations->idle");
+            debug$6("exit: mutations->idle");
           }],
           on: {
             patch: [{
@@ -8113,10 +8363,10 @@ const debug$7 = debugWithName("mutation-machine"), mutationMachine = setup({
         },
         "has pending mutations": {
           entry: [() => {
-            debug$7("entry: mutations->has pending mutations");
+            debug$6("entry: mutations->has pending mutations");
           }, "emit has pending mutations"],
           exit: [() => {
-            debug$7("exit: mutations->has pending mutations");
+            debug$6("exit: mutations->has pending mutations");
           }],
           invoke: {
             src: "mutation debouncer"
@@ -8138,7 +8388,7 @@ const debug$7 = debugWithName("mutation-machine"), mutationMachine = setup({
       }
     }
   }
-}), debug$6 = debugWithName("API:editable");
+}), debug$5 = debugWithName("API:editable");
 function createEditableAPI(editor, editorActor) {
   const types = editorActor.getSnapshot().context.schema;
   return {
@@ -8269,7 +8519,7 @@ function createEditableAPI(editor, editorActor) {
       }], {
         schemaTypes: editorActor.getSnapshot().context.schema
       })[0].children[0], focusChildPath = editor.selection.focus.path.slice(0, 2), isSpanNode2 = child._type === types.span.name, focusNode = Node.get(editor, focusChildPath);
-      return isSpanNode2 && focusNode._type !== types.span.name && (debug$6("Inserting span child next to inline object child, moving selection + 1"), editor.move({
+      return isSpanNode2 && focusNode._type !== types.span.name && (debug$5("Inserting span child next to inline object child, moving selection + 1"), editor.move({
         distance: 1,
         unit: "character"
       })), Transforms.insertNodes(editor, child, {
@@ -8415,18 +8665,18 @@ function createEditableAPI(editor, editorActor) {
           throw new Error("Invalid range");
         if (range) {
           if (!options?.mode || options?.mode === "selected") {
-            debug$6("Deleting content in selection"), Transforms.delete(editor, {
+            debug$5("Deleting content in selection"), Transforms.delete(editor, {
               at: range,
               hanging: !0,
               voids: !0
             }), editor.onChange();
             return;
           }
-          options?.mode === "blocks" && (debug$6("Deleting blocks touched by selection"), Transforms.removeNodes(editor, {
+          options?.mode === "blocks" && (debug$5("Deleting blocks touched by selection"), Transforms.removeNodes(editor, {
             at: range,
             voids: !0,
             match: (node) => editor.isTextBlock(node) || !editor.isTextBlock(node) && Element$1.isElement(node)
-          })), options?.mode === "children" && (debug$6("Deleting children touched by selection"), Transforms.removeNodes(editor, {
+          })), options?.mode === "children" && (debug$5("Deleting children touched by selection"), Transforms.removeNodes(editor, {
             at: range,
             voids: !0,
             match: (node) => node._type === types.span.name || // Text children
@@ -8864,7 +9114,7 @@ function validateValue(value, types, keyGenerator) {
     value
   });
 }
-const debug$5 = debugWithName("sync machine"), syncValueCallback = ({
+const debug$4 = debugWithName("sync machine"), syncValueCallback = ({
   sendBack,
   input
 }) => {
@@ -8919,7 +9169,7 @@ const debug$5 = debugWithName("sync machine"), syncValueCallback = ({
       context
     }) => {
       const editable = !context.readOnly, isProcessingLocalChanges = context.isProcessingLocalChanges, isChanging = isChangingRemotely(context.slateEditor) ?? !1, isBusy = editable && (isProcessingLocalChanges || isChanging);
-      return debug$5("isBusy", {
+      return debug$4("isBusy", {
         isBusy,
         editable,
         isProcessingLocalChanges,
@@ -8987,10 +9237,10 @@ const debug$5 = debugWithName("sync machine"), syncValueCallback = ({
   states: {
     idle: {
       entry: [() => {
-        debug$5("entry: syncing->idle");
+        debug$4("entry: syncing->idle");
       }],
       exit: [() => {
-        debug$5("exit: syncing->idle");
+        debug$4("exit: syncing->idle");
       }],
       on: {
         "update value": [{
@@ -9013,21 +9263,21 @@ const debug$5 = debugWithName("sync machine"), syncValueCallback = ({
         }, {
           guard: not("initial value synced"),
           actions: [() => {
-            debug$5("no new value \u2013 setting initial value as synced");
+            debug$4("no new value \u2013 setting initial value as synced");
           }, "assign initial value synced", "emit done syncing value"]
         }, {
           actions: [() => {
-            debug$5("no new value and initial value already synced");
+            debug$4("no new value and initial value already synced");
           }]
         }]
       }
     },
     busy: {
       entry: [() => {
-        debug$5("entry: syncing->busy");
+        debug$4("entry: syncing->busy");
       }],
       exit: [() => {
-        debug$5("exit: syncing->busy");
+        debug$4("exit: syncing->busy");
       }],
       after: {
         1e3: [{
@@ -9035,7 +9285,7 @@ const debug$5 = debugWithName("sync machine"), syncValueCallback = ({
           target: ".",
           reenter: !0,
           actions: [() => {
-            debug$5("reenter: syncing->busy");
+            debug$4("reenter: syncing->busy");
           }]
         }, {
           target: "syncing"
@@ -9050,10 +9300,10 @@ const debug$5 = debugWithName("sync machine"), syncValueCallback = ({
     },
     syncing: {
       entry: [() => {
-        debug$5("entry: syncing->syncing");
+        debug$4("entry: syncing->syncing");
       }, "emit syncing value"],
       exit: [() => {
-        debug$5("exit: syncing->syncing");
+        debug$4("exit: syncing->syncing");
       }, "emit done syncing value"],
       invoke: {
         src: "sync value",
@@ -9114,7 +9364,7 @@ async function updateValue({
 }) {
   let doneSyncing = !1, isChanged = !1, isValid = !0;
   const hadSelection = !!slateEditor.selection;
-  if ((!value || value.length === 0) && (debug$5("Value is empty"), Editor.withoutNormalizing(slateEditor, () => {
+  if ((!value || value.length === 0) && (debug$4("Value is empty"), Editor.withoutNormalizing(slateEditor, () => {
     withoutSaving(slateEditor, () => {
       withRemoteChanges(slateEditor, () => {
         withoutPatching(slateEditor, () => {
@@ -9200,14 +9450,14 @@ async function updateValue({
     });
   }
   if (!isValid) {
-    debug$5("Invalid value, returning"), doneSyncing = !0, sendBack({
+    debug$4("Invalid value, returning"), doneSyncing = !0, sendBack({
       type: "done syncing",
       value
     });
     return;
   }
   if (isChanged) {
-    debug$5("Server value changed, syncing editor");
+    debug$4("Server value changed, syncing editor");
     try {
       slateEditor.onChange();
     } catch (err) {
@@ -9235,7 +9485,7 @@ async function updateValue({
       value
     });
   } else
-    debug$5("Server value and editor value is equal, no need to sync.");
+    debug$4("Server value and editor value is equal, no need to sync.");
   doneSyncing = !0, sendBack({
     type: "done syncing",
     value
@@ -9283,7 +9533,7 @@ function syncBlock({
               type: "patch",
               patch
             });
-          })), validation.valid || validation.resolution?.autoResolve ? (oldBlock._key === currentBlock._key ? (debug$5.enabled && debug$5("Updating block", oldBlock, currentBlock), _updateBlock(slateEditor, currentBlock, oldBlock, currentBlockIndex)) : (debug$5.enabled && debug$5("Replacing block", oldBlock, currentBlock), _replaceBlock(slateEditor, currentBlock, currentBlockIndex)), blockChanged = !0) : (sendBack({
+          })), validation.valid || validation.resolution?.autoResolve ? (oldBlock._key === currentBlock._key ? (debug$4.enabled && debug$4("Updating block", oldBlock, currentBlock), _updateBlock(slateEditor, currentBlock, oldBlock, currentBlockIndex)) : (debug$4.enabled && debug$4("Replacing block", oldBlock, currentBlock), _replaceBlock(slateEditor, currentBlock, currentBlockIndex)), blockChanged = !0) : (sendBack({
             type: "invalid value",
             resolution: validation.resolution,
             value
@@ -9291,9 +9541,9 @@ function syncBlock({
         }
         if (!oldBlock && blockValid) {
           const validationValue = [value[currentBlockIndex]], validation = validateValue(validationValue, context.schema, context.keyGenerator);
-          debug$5.enabled && debug$5("Validating and inserting new block in the end of the value", currentBlock), validation.valid || validation.resolution?.autoResolve ? Transforms.insertNodes(slateEditor, currentBlock, {
+          debug$4.enabled && debug$4("Validating and inserting new block in the end of the value", currentBlock), validation.valid || validation.resolution?.autoResolve ? Transforms.insertNodes(slateEditor, currentBlock, {
             at: [currentBlockIndex]
-          }) : (debug$5("Invalid", validation), sendBack({
+          }) : (debug$4("Invalid", validation), sendBack({
             type: "invalid value",
             resolution: validation.resolution,
             value
@@ -9321,14 +9571,14 @@ function _updateBlock(slateEditor, currentBlock, oldBlock, currentBlockIndex) {
     const oldBlockChildrenLength = oldBlock.children.length;
     currentBlock.children.length < oldBlockChildrenLength && Array.from(Array(oldBlockChildrenLength - currentBlock.children.length)).forEach((_, index) => {
       const childIndex = oldBlockChildrenLength - 1 - index;
-      childIndex > 0 && (debug$5("Removing child"), Transforms.removeNodes(slateEditor, {
+      childIndex > 0 && (debug$4("Removing child"), Transforms.removeNodes(slateEditor, {
         at: [currentBlockIndex, childIndex]
       }));
     }), currentBlock.children.forEach((currentBlockChild, currentBlockChildIndex) => {
       const oldBlockChild = oldBlock.children[currentBlockChildIndex], isChildChanged = !isEqual(currentBlockChild, oldBlockChild), isTextChanged = !isEqual(currentBlockChild.text, oldBlockChild?.text), path = [currentBlockIndex, currentBlockChildIndex];
       if (isChildChanged)
         if (currentBlockChild._key === oldBlockChild?._key) {
-          debug$5("Updating changed child", currentBlockChild, oldBlockChild), Transforms.setNodes(slateEditor, currentBlockChild, {
+          debug$4("Updating changed child", currentBlockChild, oldBlockChild), Transforms.setNodes(slateEditor, currentBlockChild, {
             at: path
           });
           const isSpanNode2 = Text.isText(currentBlockChild) && currentBlockChild._type === "span" && Text.isText(oldBlockChild) && oldBlockChild._type === "span";
@@ -9345,25 +9595,25 @@ function _updateBlock(slateEditor, currentBlock, oldBlock, currentBlockIndex) {
             }
           }), Transforms.insertText(slateEditor, currentBlockChild.text, {
             at: path
-          }), slateEditor.onChange()) : isSpanNode2 || (debug$5("Updating changed inline object child", currentBlockChild), Transforms.setNodes(slateEditor, {
+          }), slateEditor.onChange()) : isSpanNode2 || (debug$4("Updating changed inline object child", currentBlockChild), Transforms.setNodes(slateEditor, {
             _key: VOID_CHILD_KEY
           }, {
             at: [...path, 0],
             voids: !0
           }));
-        } else oldBlockChild ? (debug$5("Replacing child", currentBlockChild), Transforms.removeNodes(slateEditor, {
+        } else oldBlockChild ? (debug$4("Replacing child", currentBlockChild), Transforms.removeNodes(slateEditor, {
           at: [currentBlockIndex, currentBlockChildIndex]
         }), Transforms.insertNodes(slateEditor, currentBlockChild, {
           at: [currentBlockIndex, currentBlockChildIndex]
-        }), slateEditor.onChange()) : oldBlockChild || (debug$5("Inserting new child", currentBlockChild), Transforms.insertNodes(slateEditor, currentBlockChild, {
+        }), slateEditor.onChange()) : oldBlockChild || (debug$4("Inserting new child", currentBlockChild), Transforms.insertNodes(slateEditor, currentBlockChild, {
           at: [currentBlockIndex, currentBlockChildIndex]
         }), slateEditor.onChange());
     });
   }
 }
-const debug$4 = debugWithName("setup");
+const debug$3 = debugWithName("setup");
 function createInternalEditor(config) {
-  debug$4("Creating new Editor instance");
+  debug$3("Creating new Editor instance");
   const subscriptions = [], editorActor = createActor(editorMachine, {
     input: editorConfigToMachineInput(config)
   }), relayActor = createActor(relayMachine), slateEditor = createSlateEditor({
@@ -9378,7 +9628,101 @@ function createInternalEditor(config) {
     relayActor,
     slateEditor: slateEditor.instance,
     subscriptions
-  });
+  }), editor = {
+    dom: createEditorDom((event) => editorActor.send(event), slateEditor.instance),
+    getSnapshot: () => getEditorSnapshot({
+      editorActorSnapshot: editorActor.getSnapshot(),
+      slateEditorInstance: slateEditor.instance
+    }),
+    registerBehavior: (behaviorConfig) => {
+      const priority = createEditorPriority({
+        name: "custom",
+        reference: {
+          priority: corePriority,
+          importance: "higher"
+        }
+      }), behaviorConfigWithPriority = {
+        ...behaviorConfig,
+        priority
+      };
+      return editorActor.send({
+        type: "add behavior",
+        behaviorConfig: behaviorConfigWithPriority
+      }), () => {
+        editorActor.send({
+          type: "remove behavior",
+          behaviorConfig: behaviorConfigWithPriority
+        });
+      };
+    },
+    send: (event) => {
+      switch (event.type) {
+        case "update value":
+          syncActor.send(event);
+          break;
+        case "update readOnly":
+        case "patches":
+        case "update maxBlocks":
+          editorActor.send(event);
+          break;
+        case "blur":
+          editorActor.send({
+            type: "blur",
+            editor: slateEditor.instance
+          });
+          break;
+        case "focus":
+          editorActor.send({
+            type: "focus",
+            editor: slateEditor.instance
+          });
+          break;
+        case "insert.block object":
+          editorActor.send({
+            type: "behavior event",
+            behaviorEvent: {
+              type: "insert.block",
+              block: {
+                _type: event.blockObject.name,
+                ...event.blockObject.value ?? {}
+              },
+              placement: event.placement
+            },
+            editor: slateEditor.instance
+          });
+          break;
+        default:
+          editorActor.send({
+            type: "behavior event",
+            behaviorEvent: event,
+            editor: slateEditor.instance
+          });
+      }
+    },
+    on: (event, listener) => relayActor.on(event, (event2) => {
+      switch (event2.type) {
+        case "blurred":
+        case "done loading":
+        case "editable":
+        case "focused":
+        case "invalid value":
+        case "loading":
+        case "mutation":
+        case "patch":
+        case "read only":
+        case "ready":
+        case "selection":
+        case "value changed":
+          listener(event2);
+          break;
+      }
+    }),
+    _internal: {
+      editable,
+      editorActor,
+      slateEditor
+    }
+  };
   return {
     actors: {
       editorActor,
@@ -9386,100 +9730,7 @@ function createInternalEditor(config) {
       relayActor,
       syncActor
     },
-    editor: {
-      getSnapshot: () => getEditorSnapshot({
-        editorActorSnapshot: editorActor.getSnapshot(),
-        slateEditorInstance: slateEditor.instance
-      }),
-      registerBehavior: (behaviorConfig) => {
-        const priority = createEditorPriority({
-          name: "custom",
-          reference: {
-            priority: corePriority,
-            importance: "higher"
-          }
-        }), behaviorConfigWithPriority = {
-          ...behaviorConfig,
-          priority
-        };
-        return editorActor.send({
-          type: "add behavior",
-          behaviorConfig: behaviorConfigWithPriority
-        }), () => {
-          editorActor.send({
-            type: "remove behavior",
-            behaviorConfig: behaviorConfigWithPriority
-          });
-        };
-      },
-      send: (event) => {
-        switch (event.type) {
-          case "update value":
-            syncActor.send(event);
-            break;
-          case "update readOnly":
-          case "patches":
-          case "update maxBlocks":
-            editorActor.send(event);
-            break;
-          case "blur":
-            editorActor.send({
-              type: "blur",
-              editor: slateEditor.instance
-            });
-            break;
-          case "focus":
-            editorActor.send({
-              type: "focus",
-              editor: slateEditor.instance
-            });
-            break;
-          case "insert.block object":
-            editorActor.send({
-              type: "behavior event",
-              behaviorEvent: {
-                type: "insert.block",
-                block: {
-                  _type: event.blockObject.name,
-                  ...event.blockObject.value ?? {}
-                },
-                placement: event.placement
-              },
-              editor: slateEditor.instance
-            });
-            break;
-          default:
-            editorActor.send({
-              type: "behavior event",
-              behaviorEvent: event,
-              editor: slateEditor.instance
-            });
-        }
-      },
-      on: (event, listener) => relayActor.on(event, (event2) => {
-        switch (event2.type) {
-          case "blurred":
-          case "done loading":
-          case "editable":
-          case "focused":
-          case "invalid value":
-          case "loading":
-          case "mutation":
-          case "patch":
-          case "read only":
-          case "ready":
-          case "selection":
-          case "value changed":
-            listener(event2);
-            break;
-        }
-      }),
-      _internal: {
-        editable,
-        editorActor,
-        slateEditor
-      }
-    },
+    editor,
     subscriptions
   };
 }
@@ -9506,7 +9757,7 @@ function compileSchemasFromEditorConfig(config) {
   };
 }
 function createActors(config) {
-  debug$4("Creating new Actors");
+  debug$3("Creating new Actors");
   const mutationActor = createActor(mutationMachine, {
     input: {
       readOnly: config.editorActor.getSnapshot().matches({
@@ -9612,29 +9863,6 @@ function createActors(config) {
     syncActor
   };
 }
-const PortableTextEditorSelectionContext = createContext(null), usePortableTextEditorSelection = () => {
-  const selection = useContext(PortableTextEditorSelectionContext);
-  if (selection === void 0)
-    throw new Error("The `usePortableTextEditorSelection` hook must be used inside the <PortableTextEditor> component's context.");
-  return selection;
-}, debug$3 = debugWithName("component:PortableTextEditor:SelectionProvider");
-function PortableTextEditorSelectionProvider(props) {
-  const $ = c(6), [selection, setSelection] = useState(null);
-  let t0, t1;
-  $[0] !== props.editorActor ? (t0 = () => {
-    debug$3("Subscribing to selection changes");
-    const subscription = props.editorActor.on("selection", (event) => {
-      startTransition(() => {
-        setSelection(event.selection);
-      });
-    });
-    return () => {
-      debug$3("Unsubscribing to selection changes"), subscription.unsubscribe();
-    };
-  }, t1 = [props.editorActor], $[0] = props.editorActor, $[1] = t0, $[2] = t1) : (t0 = $[1], t1 = $[2]), useEffect(t0, t1);
-  let t2;
-  return $[3] !== props.children || $[4] !== selection ? (t2 = /* @__PURE__ */ jsx(PortableTextEditorSelectionContext.Provider, { value: selection, children: props.children }), $[3] = props.children, $[4] = selection, $[5] = t2) : t2 = $[5], t2;
-}
 const RelayActorContext = createContext({});
 function RouteEventsToChanges(props) {
   const $ = c(7);
@@ -9774,7 +10002,7 @@ class PortableTextEditor extends Component {
     const legacyPatches = this.props.editor ? void 0 : this.props.incomingPatches$ ?? this.props.patches$;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       legacyPatches ? /* @__PURE__ */ jsx(RoutePatchesObservableToEditorActor, { editorActor: this.editor._internal.editorActor, patches$: legacyPatches }) : null,
-      /* @__PURE__ */ jsx(EditorActorContext.Provider, { value: this.editor._internal.editorActor, children: /* @__PURE__ */ jsx(RelayActorContext.Provider, { value: this.actors.relayActor, children: /* @__PURE__ */ jsx(Slate, { editor: this.editor._internal.slateEditor.instance, initialValue: this.editor._internal.slateEditor.initialValue, children: /* @__PURE__ */ jsx(PortableTextEditorContext.Provider, { value: this, children: /* @__PURE__ */ jsx(PortableTextEditorSelectionProvider, { editorActor: this.editor._internal.editorActor, children: this.props.children }) }) }) }) })
+      /* @__PURE__ */ jsx(EditorActorContext.Provider, { value: this.editor._internal.editorActor, children: /* @__PURE__ */ jsx(RelayActorContext.Provider, { value: this.actors.relayActor, children: /* @__PURE__ */ jsx(Slate, { editor: this.editor._internal.slateEditor.instance, initialValue: this.editor._internal.slateEditor.initialValue, children: /* @__PURE__ */ jsx(PortableTextEditorContext.Provider, { value: this, children: this.props.children }) }) }) })
     ] });
   }
   /**
@@ -10820,7 +11048,7 @@ const debug = debugWithName("component:Editable"), PortableTextEditable = forwar
     onFocus && onFocus(event_2), event_2.isDefaultPrevented() || (relayActor.send({
       type: "focused",
       event: event_2
-    }), !slateEditor.selection && isEqualToEmptyEditor(slateEditor.children, editorActor.getSnapshot().context.schema) && (Transforms.select(slateEditor, Editor.start(slateEditor, [])), slateEditor.onChange()));
+    }), !slateEditor.selection && isEqualToEmptyEditor(slateEditor.children, editorActor.getSnapshot().context.schema) && Transforms.select(slateEditor, Editor.start(slateEditor, [])), slateEditor.selection && slateEditor.onChange());
   }, [editorActor, onFocus, relayActor, slateEditor]), handleClick = useCallback((event_3) => {
     if (onClick && onClick(event_3), event_3.isDefaultPrevented() || event_3.isPropagationStopped())
       return;
@@ -11115,7 +11343,7 @@ function useConstant(factory) {
   }), ref.current.constant;
 }
 function EditorProvider(props) {
-  const $ = c(35);
+  const $ = c(32);
   let t0;
   $[0] !== props.initialConfig ? (t0 = () => {
     const internalEditor = createInternalEditor(props.initialConfig), portableTextEditor = new PortableTextEditor({
@@ -11150,21 +11378,33 @@ function EditorProvider(props) {
   let t4;
   $[12] !== internalEditor_0.actors.relayActor || $[13] !== t3 ? (t4 = /* @__PURE__ */ jsx(RouteEventsToChanges, { relayActor: internalEditor_0.actors.relayActor, onChange: t3 }), $[12] = internalEditor_0.actors.relayActor, $[13] = t3, $[14] = t4) : t4 = $[14];
   let t5;
-  $[15] !== internalEditor_0.actors.editorActor || $[16] !== props.children ? (t5 = /* @__PURE__ */ jsx(PortableTextEditorSelectionProvider, { editorActor: internalEditor_0.actors.editorActor, children: props.children }), $[15] = internalEditor_0.actors.editorActor, $[16] = props.children, $[17] = t5) : t5 = $[17];
+  $[15] !== portableTextEditor_0 || $[16] !== props.children ? (t5 = /* @__PURE__ */ jsx(PortableTextEditorContext.Provider, { value: portableTextEditor_0, children: props.children }), $[15] = portableTextEditor_0, $[16] = props.children, $[17] = t5) : t5 = $[17];
   let t6;
-  $[18] !== portableTextEditor_0 || $[19] !== t5 ? (t6 = /* @__PURE__ */ jsx(PortableTextEditorContext.Provider, { value: portableTextEditor_0, children: t5 }), $[18] = portableTextEditor_0, $[19] = t5, $[20] = t6) : t6 = $[20];
+  $[18] !== internalEditor_0.editor._internal.slateEditor.initialValue || $[19] !== internalEditor_0.editor._internal.slateEditor.instance || $[20] !== t5 ? (t6 = /* @__PURE__ */ jsx(Slate, { editor: internalEditor_0.editor._internal.slateEditor.instance, initialValue: internalEditor_0.editor._internal.slateEditor.initialValue, children: t5 }), $[18] = internalEditor_0.editor._internal.slateEditor.initialValue, $[19] = internalEditor_0.editor._internal.slateEditor.instance, $[20] = t5, $[21] = t6) : t6 = $[21];
   let t7;
-  $[21] !== internalEditor_0.editor._internal.slateEditor.initialValue || $[22] !== internalEditor_0.editor._internal.slateEditor.instance || $[23] !== t6 ? (t7 = /* @__PURE__ */ jsx(Slate, { editor: internalEditor_0.editor._internal.slateEditor.instance, initialValue: internalEditor_0.editor._internal.slateEditor.initialValue, children: t6 }), $[21] = internalEditor_0.editor._internal.slateEditor.initialValue, $[22] = internalEditor_0.editor._internal.slateEditor.instance, $[23] = t6, $[24] = t7) : t7 = $[24];
+  $[22] !== internalEditor_0.actors.relayActor || $[23] !== t6 ? (t7 = /* @__PURE__ */ jsx(RelayActorContext.Provider, { value: internalEditor_0.actors.relayActor, children: t6 }), $[22] = internalEditor_0.actors.relayActor, $[23] = t6, $[24] = t7) : t7 = $[24];
   let t8;
-  $[25] !== internalEditor_0.actors.relayActor || $[26] !== t7 ? (t8 = /* @__PURE__ */ jsx(RelayActorContext.Provider, { value: internalEditor_0.actors.relayActor, children: t7 }), $[25] = internalEditor_0.actors.relayActor, $[26] = t7, $[27] = t8) : t8 = $[27];
+  $[25] !== internalEditor_0.actors.editorActor || $[26] !== t7 ? (t8 = /* @__PURE__ */ jsx(EditorActorContext.Provider, { value: internalEditor_0.actors.editorActor, children: t7 }), $[25] = internalEditor_0.actors.editorActor, $[26] = t7, $[27] = t8) : t8 = $[27];
   let t9;
-  $[28] !== internalEditor_0.actors.editorActor || $[29] !== t8 ? (t9 = /* @__PURE__ */ jsx(EditorActorContext.Provider, { value: internalEditor_0.actors.editorActor, children: t8 }), $[28] = internalEditor_0.actors.editorActor, $[29] = t8, $[30] = t9) : t9 = $[30];
-  let t10;
-  return $[31] !== internalEditor_0.editor || $[32] !== t4 || $[33] !== t9 ? (t10 = /* @__PURE__ */ jsxs(EditorContext.Provider, { value: internalEditor_0.editor, children: [
+  return $[28] !== internalEditor_0.editor || $[29] !== t4 || $[30] !== t8 ? (t9 = /* @__PURE__ */ jsxs(EditorContext.Provider, { value: internalEditor_0.editor, children: [
     t4,
-    t9
-  ] }), $[31] = internalEditor_0.editor, $[32] = t4, $[33] = t9, $[34] = t10) : t10 = $[34], t10;
+    t8
+  ] }), $[28] = internalEditor_0.editor, $[29] = t4, $[30] = t8, $[31] = t9) : t9 = $[31], t9;
 }
+const usePortableTextEditorSelection = () => {
+  const $ = c(3), editorActor = useContext(EditorActorContext), [selection, setSelection] = useState(null);
+  let t0, t1;
+  return $[0] !== editorActor ? (t0 = () => {
+    const subscription = editorActor.on("selection", (event) => {
+      startTransition(() => {
+        setSelection(event.selection);
+      });
+    });
+    return () => {
+      subscription.unsubscribe();
+    };
+  }, t1 = [editorActor], $[0] = editorActor, $[1] = t0, $[2] = t1) : (t0 = $[1], t1 = $[2]), useEffect(t0, t1), selection;
+};
 export {
   EditorEventListener,
   EditorProvider,