@portabletext/editor 1.10.2 → 1.11.0

package/lib/index.mjs

@@ -5,25 +5,25 @@ import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { useSelector, useActorRef } from "@xstate/react";
 import isEqual from "lodash/isEqual.js";
 import noop from "lodash/noop.js";
-import { useRef, useState, useEffect, useMemo, createContext, useContext, useCallback, startTransition, Component, forwardRef, useImperativeHandle } from "react";
-import { Editor, Element as Element$1, Range, Point, Text, Path, Transforms, Operation, Node, createEditor, deleteBackward, deleteForward, insertText } from "slate";
-import { useSlateStatic, ReactEditor, useSelected, useSlate, withReact, Slate, Editable } from "slate-react";
+import React, { useRef, useState, useEffect, useMemo, createContext, useContext, useCallback, startTransition, Component, forwardRef, useImperativeHandle } from "react";
+import { Editor, Element as Element$1, Range, Point, Text, Path, Transforms, Operation, Node, createEditor as createEditor$1, deleteBackward, deleteForward, insertText } from "slate";
+import { useSlateStatic, ReactEditor, useSelected, withReact, Slate, useSlate, Editable } from "slate-react";
 import debug$m from "debug";
 import { c } from "react-compiler-runtime";
 import { styled } from "styled-components";
 import uniq from "lodash/uniq.js";
 import { Subject } from "rxjs";
-import { setup, assign, assertEvent, emit, enqueueActions, createActor } from "xstate";
-import throttle from "lodash/throttle.js";
 import { useEffectEvent } from "use-effect-event";
+import throttle from "lodash/throttle.js";
 import debounce from "lodash/debounce.js";
 import { unset, set, setIfMissing, insert, diffMatchPatch as diffMatchPatch$1, applyAll } from "@portabletext/patches";
 import flatten from "lodash/flatten.js";
 import isPlainObject from "lodash/isPlainObject.js";
+import getRandomValues from "get-random-values-esm";
+import { setup, assign, assertEvent, emit, enqueueActions, createActor } from "xstate";
 import get from "lodash/get.js";
 import isUndefined from "lodash/isUndefined.js";
 import omitBy from "lodash/omitBy.js";
-import getRandomValues from "get-random-values-esm";
 import { isHotkey } from "is-hotkey-esm";
 import { htmlToBlocks, normalizeBlock } from "@sanity/block-tools";
 function defineBehavior(behavior) {
@@ -317,6 +317,65 @@ const breakingBlockObject = {
   blockObjects: coreBlockObjectBehaviors,
   lists: coreListBehaviors
 };
+function createLinkBehaviors(config) {
+  const pasteLinkOnSelection = {
+    on: "paste",
+    guard: ({
+      context,
+      event
+    }) => {
+      const selectionCollapsed = selectionIsCollapsed(context), text = event.clipboardData.getData("text/plain"), url = looksLikeUrl(text) ? text : void 0, annotation = url !== void 0 ? config.linkAnnotation?.({
+        url,
+        schema: context.schema
+      }) : void 0;
+      return annotation && !selectionCollapsed ? {
+        annotation
+      } : !1;
+    },
+    actions: [(_, {
+      annotation
+    }) => [{
+      type: "annotation.add",
+      annotation
+    }]]
+  }, pasteLinkAtCaret = {
+    on: "paste",
+    guard: ({
+      context,
+      event
+    }) => {
+      const focusSpan = getFocusSpan(context), selectionCollapsed = selectionIsCollapsed(context);
+      if (!focusSpan || !selectionCollapsed)
+        return !1;
+      const text = event.clipboardData.getData("text/plain"), url = looksLikeUrl(text) ? text : void 0, annotation = url !== void 0 ? config.linkAnnotation?.({
+        url,
+        schema: context.schema
+      }) : void 0;
+      return url && annotation && selectionCollapsed ? {
+        focusSpan,
+        annotation,
+        url
+      } : !1;
+    },
+    actions: [(_, {
+      annotation,
+      url
+    }) => [{
+      type: "insert span",
+      text: url,
+      annotations: [annotation]
+    }]]
+  };
+  return [pasteLinkOnSelection, pasteLinkAtCaret];
+}
+function looksLikeUrl(text) {
+  let looksLikeUrl2 = !1;
+  try {
+    new URL(text), looksLikeUrl2 = !0;
+  } catch {
+  }
+  return looksLikeUrl2;
+}
 function isPortableTextSpan(node) {
   return node._type === "span" && "text" in node && typeof node.text == "string" && (typeof node.marks > "u" || Array.isArray(node.marks) && node.marks.every((mark) => typeof mark == "string"));
 }
@@ -573,65 +632,6 @@ function createMarkdownBehaviors(config) {
   };
   return [automaticBlockquoteOnSpace, automaticBreak, automaticHeadingOnSpace, clearStyleOnBackspace, automaticListOnSpace];
 }
-function createLinkBehaviors(config) {
-  const pasteLinkOnSelection = {
-    on: "paste",
-    guard: ({
-      context,
-      event
-    }) => {
-      const selectionCollapsed = selectionIsCollapsed(context), text = event.clipboardData.getData("text/plain"), url = looksLikeUrl(text) ? text : void 0, annotation = url !== void 0 ? config.linkAnnotation?.({
-        url,
-        schema: context.schema
-      }) : void 0;
-      return annotation && !selectionCollapsed ? {
-        annotation
-      } : !1;
-    },
-    actions: [(_, {
-      annotation
-    }) => [{
-      type: "annotation.add",
-      annotation
-    }]]
-  }, pasteLinkAtCaret = {
-    on: "paste",
-    guard: ({
-      context,
-      event
-    }) => {
-      const focusSpan = getFocusSpan(context), selectionCollapsed = selectionIsCollapsed(context);
-      if (!focusSpan || !selectionCollapsed)
-        return !1;
-      const text = event.clipboardData.getData("text/plain"), url = looksLikeUrl(text) ? text : void 0, annotation = url !== void 0 ? config.linkAnnotation?.({
-        url,
-        schema: context.schema
-      }) : void 0;
-      return url && annotation && selectionCollapsed ? {
-        focusSpan,
-        annotation,
-        url
-      } : !1;
-    },
-    actions: [(_, {
-      annotation,
-      url
-    }) => [{
-      type: "insert span",
-      text: url,
-      annotations: [annotation]
-    }]]
-  };
-  return [pasteLinkOnSelection, pasteLinkAtCaret];
-}
-function looksLikeUrl(text) {
-  let looksLikeUrl2 = !1;
-  try {
-    new URL(text), looksLikeUrl2 = !0;
-  } catch {
-  }
-  return looksLikeUrl2;
-}
 function getPortableTextMemberSchemaTypes(portableTextType) {
   if (!portableTextType)
     throw new Error("Parameter 'portabletextType' missing (required)");
@@ -2773,8 +2773,9 @@ function useSyncValue(props) {
   const {
     editorActor,
     portableTextEditor,
-    readOnly
-  } = props, schemaTypes = editorActor.getSnapshot().context.schema, previousValue = useRef(), slateEditor = useSlate(), updateValueFunctionRef = useRef(), updateFromCurrentValue = useCallback(() => {
+    readOnly,
+    slateEditor
+  } = props, schemaTypes = editorActor.getSnapshot().context.schema, previousValue = useRef(), updateValueFunctionRef = useRef(), updateFromCurrentValue = useCallback(() => {
     const currentValue = CURRENT_VALUE.get(portableTextEditor);
     if (previousValue.current === currentValue) {
       debug$j("Value is the same object as previous, not need to sync");
@@ -2957,27 +2958,29 @@ function _updateBlock(slateEditor, currentBlock, oldBlock, currentBlockIndex) {
 }
 const debug$i = debugWithName("component:PortableTextEditor:Synchronizer"), debugVerbose$3 = debug$i.enabled && !1, FLUSH_PATCHES_THROTTLED_MS = process.env.NODE_ENV === "test" ? 500 : 1e3;
 function Synchronizer(props) {
-  const $ = c(28), portableTextEditor = usePortableTextEditor(), readOnly = useSelector(props.editorActor, _temp$1), value = useSelector(props.editorActor, _temp2), {
+  const $ = c(26), readOnly = useSelector(props.editorActor, _temp), value = useSelector(props.editorActor, _temp2), {
     editorActor,
     getValue,
-    onChange
+    portableTextEditor,
+    slateEditor
   } = props;
   let t0;
   $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = [], $[0] = t0) : t0 = $[0];
   const pendingPatches = useRef(t0);
   let t1;
-  $[1] !== editorActor || $[2] !== portableTextEditor || $[3] !== readOnly ? (t1 = {
+  $[1] !== editorActor || $[2] !== portableTextEditor || $[3] !== readOnly || $[4] !== slateEditor ? (t1 = {
     editorActor,
     portableTextEditor,
-    readOnly
-  }, $[1] = editorActor, $[2] = portableTextEditor, $[3] = readOnly, $[4] = t1) : t1 = $[4];
-  const syncValue = useSyncValue(t1), slateEditor = useSlate();
+    readOnly,
+    slateEditor
+  }, $[1] = editorActor, $[2] = portableTextEditor, $[3] = readOnly, $[4] = slateEditor, $[5] = t1) : t1 = $[5];
+  const syncValue = useSyncValue(t1);
   let t2, t3;
-  $[5] !== slateEditor ? (t2 = () => {
+  $[6] !== slateEditor ? (t2 = () => {
     IS_PROCESSING_LOCAL_CHANGES.set(slateEditor, !1);
-  }, t3 = [slateEditor], $[5] = slateEditor, $[6] = t2, $[7] = t3) : (t2 = $[6], t3 = $[7]), useEffect(t2, t3);
+  }, t3 = [slateEditor], $[6] = slateEditor, $[7] = t2, $[8] = t3) : (t2 = $[7], t3 = $[8]), useEffect(t2, t3);
   let t4;
-  $[8] !== editorActor || $[9] !== getValue || $[10] !== slateEditor ? (t4 = () => {
+  $[9] !== editorActor || $[10] !== getValue || $[11] !== slateEditor ? (t4 = () => {
     if (pendingPatches.current.length > 0) {
       debug$i("Flushing pending patches"), debugVerbose$3 && debug$i(`Patches:
 ${JSON.stringify(pendingPatches.current, null, 2)}`);
@@ -2989,17 +2992,14 @@ ${JSON.stringify(pendingPatches.current, null, 2)}`);
       }), pendingPatches.current = [];
     }
     IS_PROCESSING_LOCAL_CHANGES.set(slateEditor, !1);
-  }, $[8] = editorActor, $[9] = getValue, $[10] = slateEditor, $[11] = t4) : t4 = $[11];
+  }, $[9] = editorActor, $[10] = getValue, $[11] = slateEditor, $[12] = t4) : t4 = $[12];
   const onFlushPendingPatches = t4;
   let t5, t6;
-  $[12] !== onFlushPendingPatches ? (t5 = () => () => {
+  $[13] !== onFlushPendingPatches ? (t5 = () => () => {
     onFlushPendingPatches();
-  }, t6 = [onFlushPendingPatches], $[12] = onFlushPendingPatches, $[13] = t5, $[14] = t6) : (t5 = $[13], t6 = $[14]), useEffect(t5, t6);
-  let t7;
-  $[15] !== onChange ? (t7 = (change) => onChange(change), $[15] = onChange, $[16] = t7) : t7 = $[16];
-  const handleChange = useEffectEvent(t7);
-  let t8, t9;
-  $[17] !== editorActor || $[18] !== handleChange || $[19] !== onFlushPendingPatches || $[20] !== slateEditor ? (t8 = () => {
+  }, t6 = [onFlushPendingPatches], $[13] = onFlushPendingPatches, $[14] = t5, $[15] = t6) : (t5 = $[14], t6 = $[15]), useEffect(t5, t6);
+  let t7, t8;
+  $[16] !== editorActor || $[17] !== onFlushPendingPatches || $[18] !== slateEditor ? (t7 = () => {
     const onFlushPendingPatchesThrottled = throttle(() => {
       if (Editor.isNormalizing(slateEditor)) {
         onFlushPendingPatches();
@@ -3010,90 +3010,76 @@ ${JSON.stringify(pendingPatches.current, null, 2)}`);
       leading: !1,
       trailing: !0
     });
-    debug$i("Subscribing to editor changes");
-    const sub = editorActor.on("*", (event) => {
-      bb22: switch (event.type) {
-        case "patch": {
-          IS_PROCESSING_LOCAL_CHANGES.set(slateEditor, !0), pendingPatches.current.push(event.patch), onFlushPendingPatchesThrottled(), handleChange(event);
-          break bb22;
-        }
-        case "loading": {
-          handleChange({
-            type: "loading",
-            isLoading: !0
-          });
-          break bb22;
-        }
-        case "done loading": {
-          handleChange({
-            type: "loading",
-            isLoading: !1
-          });
-          break bb22;
-        }
-        case "focused": {
-          handleChange({
-            type: "focus",
-            event: event.event
-          });
-          break bb22;
-        }
-        case "value changed": {
-          handleChange({
-            type: "value",
-            value: event.value
-          });
-          break bb22;
-        }
-        case "invalid value": {
-          handleChange({
-            type: "invalidValue",
-            resolution: event.resolution,
-            value: event.value
-          });
-          break bb22;
-        }
-        case "error": {
-          handleChange({
-            ...event,
-            level: "warning"
-          });
-          break bb22;
-        }
-        case "annotation.add":
-        case "annotation.remove":
-        case "annotation.toggle":
-        case "focus":
-        case "patches":
-          break bb22;
-        default:
-          handleChange(event);
-      }
+    debug$i("Subscribing to patch events");
+    const sub = editorActor.on("patch", (event) => {
+      IS_PROCESSING_LOCAL_CHANGES.set(slateEditor, !0), pendingPatches.current.push(event.patch), onFlushPendingPatchesThrottled();
     });
     return () => {
-      debug$i("Unsubscribing to changes"), sub.unsubscribe();
+      debug$i("Unsubscribing to patch events"), sub.unsubscribe();
     };
-  }, t9 = [editorActor, handleChange, onFlushPendingPatches, slateEditor], $[17] = editorActor, $[18] = handleChange, $[19] = onFlushPendingPatches, $[20] = slateEditor, $[21] = t8, $[22] = t9) : (t8 = $[21], t9 = $[22]), useEffect(t8, t9);
+  }, t8 = [editorActor, onFlushPendingPatches, slateEditor], $[16] = editorActor, $[17] = onFlushPendingPatches, $[18] = slateEditor, $[19] = t7, $[20] = t8) : (t7 = $[19], t8 = $[20]), useEffect(t7, t8);
   const isInitialValueFromProps = useRef(!0);
-  let t10, t11;
-  return $[23] !== editorActor || $[24] !== syncValue || $[25] !== value ? (t10 = () => {
+  let t10, t9;
+  return $[21] !== editorActor || $[22] !== syncValue || $[23] !== value ? (t9 = () => {
     debug$i("Value from props changed, syncing new value"), syncValue(value), isInitialValueFromProps.current && (editorActor.send({
       type: "ready"
     }), isInitialValueFromProps.current = !1);
-  }, t11 = [editorActor, syncValue, value], $[23] = editorActor, $[24] = syncValue, $[25] = value, $[26] = t10, $[27] = t11) : (t10 = $[26], t11 = $[27]), useEffect(t10, t11), null;
+  }, t10 = [editorActor, syncValue, value], $[21] = editorActor, $[22] = syncValue, $[23] = value, $[24] = t10, $[25] = t9) : (t10 = $[24], t9 = $[25]), useEffect(t9, t10), null;
 }
 function _temp2(s_0) {
   return s_0.context.value;
 }
-function _temp$1(s) {
+function _temp(s) {
   return s.context.readOnly;
 }
 Synchronizer.displayName = "Synchronizer";
-const debug$h = debugWithName("operationToPatches");
+const EditorActorContext = createContext({}), 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$h = debugWithName("component:PortableTextEditor:SelectionProvider"), debugVerbose$2 = debug$h.enabled && !1;
+function PortableTextEditorSelectionProvider(props) {
+  const $ = c(6), [selection, setSelection] = useState(null);
+  let t0, t1;
+  $[0] !== props.editorActor ? (t0 = () => {
+    debug$h("Subscribing to selection changes");
+    const subscription = props.editorActor.on("selection", (event) => {
+      startTransition(() => {
+        debugVerbose$2 && debug$h("Setting selection"), setSelection(event.selection);
+      });
+    });
+    return () => {
+      debug$h("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 defaultKeyGenerator = () => randomKey(12), getByteHexTable = /* @__PURE__ */ (() => {
+  let table;
+  return () => {
+    if (table)
+      return table;
+    table = [];
+    for (let i = 0; i < 256; ++i)
+      table[i] = (i + 256).toString(16).slice(1);
+    return table;
+  };
+})();
+function whatwgRNG(length = 16) {
+  const rnds8 = new Uint8Array(length);
+  return getRandomValues(rnds8), rnds8;
+}
+function randomKey(length) {
+  const table = getByteHexTable();
+  return whatwgRNG(length).reduce((str, n) => str + table[n], "").slice(0, length);
+}
+const debug$g = debugWithName("operationToPatches");
 function createOperationToPatches(types) {
   const textBlockName = types.block.name;
   function insertTextPatch(editor, operation, beforeValue) {
-    debug$h.enabled && debug$h("Operation", JSON.stringify(operation, null, 2));
+    debug$g.enabled && debug$g("Operation", JSON.stringify(operation, null, 2));
     const block = editor.isTextBlock(editor.children[operation.path[0]]) && editor.children[operation.path[0]];
     if (!block)
       throw new Error("Could not find block");
@@ -3186,7 +3172,7 @@ function createOperationToPatches(types) {
         _key: block.children[operation.path[1] - 1]._key
       }])];
     }
-    return debug$h("Something was inserted into a void block. Not producing editor patches."), [];
+    return debug$g("Something was inserted into a void block. Not producing editor patches."), [];
   }
   function splitNodePatch(editor, operation, beforeValue) {
     const patches = [], splitBlock = editor.children[operation.path[0]];
@@ -3244,9 +3230,9 @@ function createOperationToPatches(types) {
         _key: block._key
       }, "children", {
         _key: spanToRemove._key
-      }])] : (debug$h("Span not found in editor trying to remove node"), []);
+      }])] : (debug$g("Span not found in editor trying to remove node"), []);
     } else
-      return debug$h("Not creating patch inside object block"), [];
+      return debug$g("Not creating patch inside object block"), [];
   }
   function mergeNodePatch(editor, operation, beforeValue) {
     const patches = [], block = beforeValue[operation.path[0]], updatedBlock = editor.children[operation.path[0]];
@@ -3272,7 +3258,7 @@ function createOperationToPatches(types) {
         _key: removedSpan._key
       }])) : console.warn(`Multiple spans have \`_key\` ${removedSpan._key}. It's ambiguous which one to remove.`, JSON.stringify(block, null, 2)));
     } else
-      debug$h("Void nodes can't be merged, not creating any patches");
+      debug$g("Void nodes can't be merged, not creating any patches");
     return patches;
   }
   function moveNodePatch(editor, operation, beforeValue) {
@@ -3517,13 +3503,13 @@ function createWithObjectKeys(editorActor, schemaTypes) {
     }, editor;
   };
 }
-const debug$g = debugWithName("applyPatches"), debugVerbose$2 = debug$g.enabled && !0;
+const debug$f = debugWithName("applyPatches"), debugVerbose$1 = debug$f.enabled && !0;
 function createApplyPatch(schemaTypes) {
   return (editor, patch) => {
     let changed = !1;
-    debugVerbose$2 && (debug$g(`
+    debugVerbose$1 && (debug$f(`
 
-NEW PATCH =============================================================`), debug$g(JSON.stringify(patch, null, 2)));
+NEW PATCH =============================================================`), debug$f(JSON.stringify(patch, null, 2)));
     try {
       switch (patch.type) {
         case "insert":
@@ -3539,7 +3525,7 @@ NEW PATCH =============================================================`), debug
           changed = diffMatchPatch(editor, patch);
           break;
         default:
-          debug$g("Unhandled patch", patch.type);
+          debug$f("Unhandled patch", patch.type);
       }
     } catch (err) {
       console.error(err);
@@ -3554,9 +3540,9 @@ function diffMatchPatch(editor, patch) {
     childPath
   } = findBlockAndChildFromPath(editor, patch.path);
   if (!block)
-    return debug$g("Block not found"), !1;
+    return debug$f("Block not found"), !1;
   if (!child || !childPath)
-    return debug$g("Child not found"), !1;
+    return debug$f("Child not found"), !1;
   if (!(block && editor.isTextBlock(block) && patch.path.length === 4 && patch.path[1] === "children" && patch.path[3] === "text") || !Text.isText(child))
     return !1;
   const patches = parse(patch.value), [newValue] = apply(patches, child.text, {
@@ -3586,9 +3572,9 @@ function insertPatch(editor, patch, schemaTypes) {
     childPath: targetChildPath
   } = findBlockAndChildFromPath(editor, patch.path);
   if (!targetBlock || !targetBlockPath)
-    return debug$g("Block not found"), !1;
+    return debug$f("Block not found"), !1;
   if (patch.path.length > 1 && patch.path[1] !== "children")
-    return debug$g("Ignoring patch targeting void value"), !1;
+    return debug$f("Ignoring patch targeting void value"), !1;
   if (patch.path.length === 1) {
     const {
       items: items2,
@@ -3596,7 +3582,7 @@ function insertPatch(editor, patch, schemaTypes) {
     } = patch, blocksToInsert = toSlateValue(items2, {
       schemaTypes
     }, KEY_TO_SLATE_ELEMENT.get(editor)), targetBlockIndex = targetBlockPath[0], normalizedIdx2 = position2 === "after" ? targetBlockIndex + 1 : targetBlockIndex;
-    return debug$g(`Inserting blocks at path [${normalizedIdx2}]`), debugState(editor, "before"), Transforms.insertNodes(editor, blocksToInsert, {
+    return debug$f(`Inserting blocks at path [${normalizedIdx2}]`), debugState(editor, "before"), Transforms.insertNodes(editor, blocksToInsert, {
       at: [normalizedIdx2]
     }), debugState(editor, "after"), !0;
   }
@@ -3605,14 +3591,14 @@ function insertPatch(editor, patch, schemaTypes) {
     position
   } = patch;
   if (!targetChild || !targetChildPath)
-    return debug$g("Child not found"), !1;
+    return debug$f("Child not found"), !1;
   const childrenToInsert = targetBlock && toSlateValue([{
     ...targetBlock,
     children: items
   }], {
     schemaTypes
   }, KEY_TO_SLATE_ELEMENT.get(editor)), targetChildIndex = targetChildPath[1], normalizedIdx = position === "after" ? targetChildIndex + 1 : targetChildIndex, childInsertPath = [targetChildPath[0], normalizedIdx];
-  return debug$g(`Inserting children at path ${childInsertPath}`), debugState(editor, "before"), childrenToInsert && Element$1.isElement(childrenToInsert[0]) && Transforms.insertNodes(editor, childrenToInsert[0].children, {
+  return debug$f(`Inserting children at path ${childInsertPath}`), debugState(editor, "before"), childrenToInsert && Element$1.isElement(childrenToInsert[0]) && Transforms.insertNodes(editor, childrenToInsert[0].children, {
     at: childInsertPath
   }), debugState(editor, "after"), !0;
 }
@@ -3626,14 +3612,14 @@ function setPatch(editor, patch) {
     childPath
   } = findBlockAndChildFromPath(editor, patch.path);
   if (!block)
-    return debug$g("Block not found"), !1;
+    return debug$f("Block not found"), !1;
   const isTextBlock = editor.isTextBlock(block);
   if (isTextBlock && patch.path.length > 1 && patch.path[1] !== "children")
-    return debug$g("Ignoring setting void value"), !1;
+    return debug$f("Ignoring setting void value"), !1;
   if (debugState(editor, "before"), isTextBlock && child && childPath) {
     if (Text.isText(value) && Text.isText(child)) {
       const newText = child.text;
-      value.text !== newText && (debug$g("Setting text property"), editor.apply({
+      value.text !== newText && (debug$f("Setting text property"), editor.apply({
         type: "remove_text",
         path: childPath,
         offset: 0,
@@ -3645,7 +3631,7 @@ function setPatch(editor, patch) {
         text: value.text
       }), editor.onChange());
     } else
-      debug$g("Setting non-text property"), editor.apply({
+      debug$f("Setting non-text property"), editor.apply({
         type: "set_node",
         path: childPath,
         properties: {},
@@ -3653,7 +3639,7 @@ function setPatch(editor, patch) {
       });
     return !0;
   } else if (Element$1.isElement(block) && patch.path.length === 1 && blockPath) {
-    debug$g("Setting block property");
+    debug$f("Setting block property");
     const {
       children,
       ...nextRest
@@ -3670,7 +3656,7 @@ function setPatch(editor, patch) {
         ...prevRest
       },
       newProperties: nextRest
-    }), debug$g("Setting children"), block.children.forEach((c2, cIndex) => {
+    }), debug$f("Setting children"), block.children.forEach((c2, cIndex) => {
       editor.apply({
         type: "remove_node",
         path: blockPath.concat(block.children.length - 1 - cIndex),
@@ -3696,7 +3682,7 @@ function setPatch(editor, patch) {
 }
 function unsetPatch(editor, patch) {
   if (patch.path.length === 0) {
-    debug$g("Removing everything"), debugState(editor, "before");
+    debug$f("Removing everything"), debugState(editor, "before");
     const previousSelection = editor.selection;
     return Transforms.deselect(editor), editor.children.forEach((_child, i) => {
       Transforms.removeNodes(editor, {
@@ -3723,13 +3709,13 @@ function unsetPatch(editor, patch) {
   } = findBlockAndChildFromPath(editor, patch.path);
   if (patch.path.length === 1) {
     if (!block || !blockPath)
-      return debug$g("Block not found"), !1;
+      return debug$f("Block not found"), !1;
     const blockIndex = blockPath[0];
-    return debug$g(`Removing block at path [${blockIndex}]`), debugState(editor, "before"), Transforms.removeNodes(editor, {
+    return debug$f(`Removing block at path [${blockIndex}]`), debugState(editor, "before"), Transforms.removeNodes(editor, {
       at: [blockIndex]
     }), debugState(editor, "after"), !0;
   }
-  return editor.isTextBlock(block) && patch.path[1] === "children" && patch.path.length === 3 ? !child || !childPath ? (debug$g("Child not found"), !1) : (debug$g(`Unsetting child at path ${JSON.stringify(childPath)}`), debugState(editor, "before"), debugVerbose$2 && debug$g(`Removing child at path ${JSON.stringify(childPath)}`), Transforms.removeNodes(editor, {
+  return editor.isTextBlock(block) && patch.path[1] === "children" && patch.path.length === 3 ? !child || !childPath ? (debug$f("Child not found"), !1) : (debug$f(`Unsetting child at path ${JSON.stringify(childPath)}`), debugState(editor, "before"), debugVerbose$1 && debug$f(`Removing child at path ${JSON.stringify(childPath)}`), Transforms.removeNodes(editor, {
     at: childPath
   }), debugState(editor, "after"), !0) : !1;
 }
@@ -3737,7 +3723,7 @@ function isKeyedSegment(segment) {
   return typeof segment == "object" && "_key" in segment;
 }
 function debugState(editor, stateName) {
-  debugVerbose$2 && (debug$g(`Children ${stateName}:`, JSON.stringify(editor.children, null, 2)), debug$g(`Selection ${stateName}: `, JSON.stringify(editor.selection, null, 2)));
+  debugVerbose$1 && (debug$f(`Children ${stateName}:`, JSON.stringify(editor.children, null, 2)), debug$f(`Selection ${stateName}: `, JSON.stringify(editor.selection, null, 2)));
 }
 function findBlockFromPath(editor, path) {
   let blockIndex = -1;
@@ -3779,7 +3765,7 @@ function findBlockAndChildFromPath(editor, path) {
     childPath: void 0
   };
 }
-const debug$f = debugWithName("plugin:withPatches");
+const debug$e = debugWithName("plugin:withPatches");
 function createWithPatches({
   editorActor,
   patchFunctions,
@@ -3805,7 +3791,7 @@ function createWithPatches({
           withoutPatching(editor, () => {
             withoutSaving(editor, () => {
               patches.forEach((patch) => {
-                debug$f.enabled && debug$f(`Handling remote patch ${JSON.stringify(patch)}`), changed = applyPatch(editor, patch);
+                debug$e.enabled && debug$e(`Handling remote patch ${JSON.stringify(patch)}`), changed = applyPatch(editor, patch);
               });
             });
           });
@@ -3818,10 +3804,10 @@ function createWithPatches({
       remotePatches.length !== 0 && (bufferedPatches = bufferedPatches.concat(remotePatches), handleBufferedRemotePatches());
     };
     return subscriptions.push(() => {
-      debug$f("Subscribing to remote patches");
+      debug$e("Subscribing to remote patches");
       const sub = editorActor.on("patches", handlePatches);
       return () => {
-        debug$f("Unsubscribing to remote patches"), sub.unsubscribe();
+        debug$e("Unsubscribing to remote patches"), sub.unsubscribe();
       };
     }), editor.apply = (operation) => {
       if (editorActor.getSnapshot().context.readOnly)
@@ -3874,7 +3860,7 @@ function createWithPatches({
     }, editor;
   };
 }
-const debug$e = debugWithName("plugin:withPlaceholderBlock");
+const debug$d = debugWithName("plugin:withPlaceholderBlock");
 function createWithPlaceholderBlock(editorActor) {
   return function(editor) {
     const {
@@ -3894,7 +3880,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$e("Adding placeholder block"), Editor.insertNode(editor, editor.pteCreateTextBlock({
+            editor.children[nextPath[0]] || (debug$d("Adding placeholder block"), Editor.insertNode(editor, editor.pteCreateTextBlock({
               decorators: []
             })));
           }
@@ -3904,7 +3890,7 @@ function createWithPlaceholderBlock(editorActor) {
     }, editor;
   };
 }
-const debug$d = debugWithName("plugin:withPortableTextBlockStyle");
+const debug$c = debugWithName("plugin:withPortableTextBlockStyle");
 function createWithPortableTextBlockStyle(editorActor, types) {
   const defaultStyle = types.styles[0].value;
   return function(editor) {
@@ -3917,7 +3903,7 @@ function createWithPortableTextBlockStyle(editorActor, types) {
         if (op.type === "split_node" && op.path.length === 1 && editor.isTextBlock(op.properties) && op.properties.style !== defaultStyle && op.path[0] === path[0] && !Path.equals(path, op.path)) {
           const [child] = Editor.node(editor, [op.path[0] + 1, 0]);
           if (Text.isText(child) && child.text === "") {
-            debug$d(`Normalizing split node to ${defaultStyle} style`, op), editorActor.send({
+            debug$c(`Normalizing split node to ${defaultStyle} style`, op), editorActor.send({
               type: "normalizing"
             }), Transforms.setNodes(editor, {
               style: defaultStyle
@@ -3939,12 +3925,12 @@ function createWithPortableTextBlockStyle(editorActor, types) {
         at: editor.selection,
         match: (node) => editor.isTextBlock(node)
       })].forEach(([node, path]) => {
-        editor.isTextBlock(node) && node.style === blockStyle ? (debug$d(`Unsetting block style '${blockStyle}'`), Transforms.setNodes(editor, {
+        editor.isTextBlock(node) && node.style === blockStyle ? (debug$c(`Unsetting block style '${blockStyle}'`), Transforms.setNodes(editor, {
           ...node,
           style: defaultStyle
         }, {
           at: path
-        })) : (blockStyle ? debug$d(`Setting style '${blockStyle}'`) : debug$d("Setting default style", defaultStyle), Transforms.setNodes(editor, {
+        })) : (blockStyle ? debug$c(`Setting style '${blockStyle}'`) : debug$c("Setting default style", defaultStyle), Transforms.setNodes(editor, {
           ...node,
           style: blockStyle || defaultStyle
         }, {
@@ -3954,11 +3940,11 @@ function createWithPortableTextBlockStyle(editorActor, types) {
     }, editor;
   };
 }
-const debug$c = debugWithName("plugin:withPortableTextLists"), MAX_LIST_LEVEL = 10;
+const debug$b = debugWithName("plugin:withPortableTextLists"), MAX_LIST_LEVEL = 10;
 function createWithPortableTextLists(types) {
   return function(editor) {
     return editor.pteToggleListItem = (listItemStyle) => {
-      editor.pteHasListStyle(listItemStyle) ? (debug$c(`Remove list item '${listItemStyle}'`), editor.pteUnsetListItem(listItemStyle)) : (debug$c(`Add list item '${listItemStyle}'`), editor.pteSetListItem(listItemStyle));
+      editor.pteHasListStyle(listItemStyle) ? (debug$b(`Remove list item '${listItemStyle}'`), editor.pteUnsetListItem(listItemStyle)) : (debug$b(`Add list item '${listItemStyle}'`), editor.pteSetListItem(listItemStyle));
     }, editor.pteUnsetListItem = (listItemStyle) => {
       editor.selection && [...Editor.nodes(editor, {
         at: editor.selection,
@@ -3974,7 +3960,7 @@ function createWithPortableTextLists(types) {
             listItem: void 0,
             level: void 0
           };
-          debug$c(`Unsetting list '${listItemStyle}'`), Transforms.setNodes(editor, newNode, {
+          debug$b(`Unsetting list '${listItemStyle}'`), Transforms.setNodes(editor, newNode, {
             at: path
           });
         }
@@ -3984,7 +3970,7 @@ function createWithPortableTextLists(types) {
         at: editor.selection,
         match: (node) => editor.isTextBlock(node)
       })].forEach(([node, path]) => {
-        debug$c(`Setting list '${listItemStyle}'`), Transforms.setNodes(editor, {
+        debug$b(`Setting list '${listItemStyle}'`), Transforms.setNodes(editor, {
           ...node,
           level: 1,
           listItem: listItemStyle || types.lists[0] && types.lists[0].value
@@ -4000,7 +3986,7 @@ function createWithPortableTextLists(types) {
         match: (node) => Element$1.isElement(node) && editor.isListBlock(node) && node.children.length === 1 && Text.isText(node.children[0]) && node.children[0].text === ""
       })];
       return selectedBlocks.length === 0 ? !1 : (selectedBlocks.forEach(([node, path]) => {
-        Element$1.isElement(node) && (debug$c("Unset list"), Transforms.setNodes(editor, {
+        Element$1.isElement(node) && (debug$b("Unset list"), Transforms.setNodes(editor, {
           ...node,
           level: void 0,
           listItem: void 0
@@ -4018,7 +4004,7 @@ function createWithPortableTextLists(types) {
       return selectedBlocks.length === 0 ? !1 : (selectedBlocks.forEach(([node, path]) => {
         if (editor.isListBlock(node)) {
           let level = node.level || 1;
-          reverse ? (level--, debug$c("Decrementing list level", Math.min(MAX_LIST_LEVEL, Math.max(1, level)))) : (level++, debug$c("Incrementing list level", Math.min(MAX_LIST_LEVEL, Math.max(1, level)))), Transforms.setNodes(editor, {
+          reverse ? (level--, debug$b("Decrementing list level", Math.min(MAX_LIST_LEVEL, Math.max(1, level)))) : (level++, debug$b("Incrementing list level", Math.min(MAX_LIST_LEVEL, Math.max(1, level)))), Transforms.setNodes(editor, {
             level: Math.min(MAX_LIST_LEVEL, Math.max(1, level))
           }, {
             at: path
@@ -4064,7 +4050,7 @@ function getNextSpan({
     }
   return nextSpan;
 }
-const debug$b = debugWithName("plugin:withPortableTextMarkModel");
+const debug$a = debugWithName("plugin:withPortableTextMarkModel");
 function createWithPortableTextMarkModel(editorActor, types) {
   return function(editor) {
     const {
@@ -4078,7 +4064,7 @@ function createWithPortableTextMarkModel(editorActor, types) {
         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$b("Merging spans", JSON.stringify(child, null, 2), JSON.stringify(nextNode, null, 2)), editorActor.send({
+            debug$a("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],
@@ -4091,7 +4077,7 @@ function createWithPortableTextMarkModel(editorActor, types) {
         }
       }
       if (editor.isTextBlock(node) && !Array.isArray(node.markDefs)) {
-        debug$b("Adding .markDefs to block node"), editorActor.send({
+        debug$a("Adding .markDefs to block node"), editorActor.send({
           type: "normalizing"
         }), Transforms.setNodes(editor, {
           markDefs: []
@@ -4103,7 +4089,7 @@ function createWithPortableTextMarkModel(editorActor, types) {
         return;
       }
       if (editor.isTextSpan(node) && !Array.isArray(node.marks)) {
-        debug$b("Adding .marks to span node"), editorActor.send({
+        debug$a("Adding .marks to span node"), editorActor.send({
           type: "normalizing"
         }), Transforms.setNodes(editor, {
           marks: []
@@ -4117,7 +4103,7 @@ function createWithPortableTextMarkModel(editorActor, types) {
       if (editor.isTextSpan(node)) {
         const blockPath = Path.parent(path), [block] = Editor.node(editor, blockPath), decorators2 = types.decorators.map((decorator) => decorator.value), annotations = node.marks?.filter((mark) => !decorators2.includes(mark));
         if (editor.isTextBlock(block) && node.text === "" && annotations && annotations.length > 0) {
-          debug$b("Removing annotations from empty span node"), editorActor.send({
+          debug$a("Removing annotations from empty span node"), editorActor.send({
             type: "normalizing"
           }), Transforms.setNodes(editor, {
             marks: node.marks?.filter((mark) => decorators2.includes(mark))
@@ -4135,7 +4121,7 @@ function createWithPortableTextMarkModel(editorActor, types) {
           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$b("Removing orphaned annotations from span node"), editorActor.send({
+              debug$a("Removing orphaned annotations from span node"), editorActor.send({
                 type: "normalizing"
               }), Transforms.setNodes(editor, {
                 marks: marks.filter((mark) => !orphanedAnnotations.includes(mark))
@@ -4153,7 +4139,7 @@ function createWithPortableTextMarkModel(editorActor, types) {
         if (editor.isTextBlock(block)) {
           const decorators2 = types.decorators.map((decorator) => decorator.value), marks = node.marks ?? [], orphanedAnnotations = marks.filter((mark) => !decorators2.includes(mark) && !block.markDefs?.find((def) => def._key === mark));
           if (orphanedAnnotations.length > 0) {
-            debug$b("Removing orphaned annotations from span node"), editorActor.send({
+            debug$a("Removing orphaned annotations from span node"), editorActor.send({
               type: "normalizing"
             }), Transforms.setNodes(editor, {
               marks: marks.filter((mark) => !orphanedAnnotations.includes(mark))
@@ -4171,7 +4157,7 @@ function createWithPortableTextMarkModel(editorActor, types) {
         for (const markDef of markDefs)
           markDefKeys.has(markDef._key) || (markDefKeys.add(markDef._key), newMarkDefs.push(markDef));
         if (markDefs.length !== newMarkDefs.length) {
-          debug$b("Removing duplicate markDefs"), editorActor.send({
+          debug$a("Removing duplicate markDefs"), editorActor.send({
             type: "normalizing"
           }), Transforms.setNodes(editor, {
             markDefs: newMarkDefs
@@ -4186,7 +4172,7 @@ function createWithPortableTextMarkModel(editorActor, types) {
       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$b("Removing markDef not in use"), editorActor.send({
+          debug$a("Removing markDef not in use"), editorActor.send({
             type: "normalizing"
           }), Transforms.setNodes(editor, {
             markDefs: newMarkDefs
@@ -4403,7 +4389,7 @@ function createWithPortableTextMarkModel(editorActor, types) {
         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$b("Copying markDefs over to merged block", op), Transforms.setNodes(editor, {
+          debug$a("Copying markDefs over to merged block", op), Transforms.setNodes(editor, {
             markDefs: newMarkDefs
           }, {
             at: targetPath,
@@ -4555,7 +4541,7 @@ const toggleDecoratorActionImplementation = ({
       decorator: action.decorator
     }
   });
-}, debug$a = debugWithName("plugin:withPortableTextSelections"), debugVerbose$1 = debug$a.enabled && !1;
+}, debug$9 = debugWithName("plugin:withPortableTextSelections"), debugVerbose = debug$9.enabled && !1;
 function createWithPortableTextSelections(editorActor, types) {
   let prevSelection = null;
   return function(editor) {
@@ -4571,7 +4557,7 @@ function createWithPortableTextSelections(editorActor, types) {
             ptRange = toPortableTextRange(value, editor.selection, types), SLATE_TO_PORTABLE_TEXT_RANGE.set(editor.selection, ptRange);
           }
         }
-        debugVerbose$1 && debug$a(`Emitting selection ${JSON.stringify(ptRange || null)} (${JSON.stringify(editor.selection)})`), ptRange ? editorActor.send({
+        debugVerbose && debug$9(`Emitting selection ${JSON.stringify(ptRange || null)} (${JSON.stringify(editor.selection)})`), ptRange ? editorActor.send({
           type: "selection",
           selection: ptRange
         }) : editorActor.send({
@@ -4589,7 +4575,7 @@ function createWithPortableTextSelections(editorActor, types) {
     }, editor;
   };
 }
-const debug$9 = debugWithName("plugin:withSchemaTypes");
+const debug$8 = debugWithName("plugin:withSchemaTypes");
 function createWithSchemaTypes({
   editorActor,
   schemaTypes
@@ -4602,7 +4588,7 @@ function createWithSchemaTypes({
     return editor.normalizeNode = (entry) => {
       const [node, path] = entry;
       if (node._type === void 0 && path.length === 2) {
-        debug$9("Setting span type on text node without a type");
+        debug$8("Setting span type on text node without a type");
         const span = node, key = span._key || editorActor.getSnapshot().context.keyGenerator();
         editorActor.send({
           type: "normalizing"
@@ -4618,7 +4604,7 @@ function createWithSchemaTypes({
         return;
       }
       if (node._key === void 0 && (path.length === 1 || path.length === 2)) {
-        debug$9("Setting missing key on child node without a key");
+        debug$8("Setting missing key on child node without a key");
         const key = editorActor.getSnapshot().context.keyGenerator();
         editorActor.send({
           type: "normalizing"
@@ -4635,7 +4621,7 @@ function createWithSchemaTypes({
     }, editor;
   };
 }
-const debug$8 = debugWithName("plugin:withUtils");
+const debug$7 = debugWithName("plugin:withUtils");
 function createWithUtils({
   editorActor,
   schemaTypes
@@ -4650,14 +4636,14 @@ function createWithUtils({
           depth: 2
         });
         if (!textNode || !Text.isText(textNode) || textNode.text.length === 0) {
-          debug$8("pteExpandToWord: Can't expand to word here");
+          debug$7("pteExpandToWord: Can't expand to word here");
           return;
         }
         const {
           focus
         } = selection, focusOffset = focus.offset, charsBefore = textNode.text.slice(0, focusOffset), charsAfter = textNode.text.slice(focusOffset, -1), isEmpty = (str) => str.match(/\s/g), whiteSpaceBeforeIndex = charsBefore.split("").reverse().findIndex((str) => isEmpty(str)), newStartOffset = whiteSpaceBeforeIndex > -1 ? charsBefore.length - whiteSpaceBeforeIndex : 0, whiteSpaceAfterIndex = charsAfter.split("").findIndex((obj) => isEmpty(obj)), newEndOffset = charsBefore.length + (whiteSpaceAfterIndex > -1 ? whiteSpaceAfterIndex : charsAfter.length + 1);
         if (!(newStartOffset === newEndOffset || Number.isNaN(newStartOffset) || Number.isNaN(newEndOffset))) {
-          debug$8("pteExpandToWord: Expanding to focused word"), Transforms.setSelection(editor, {
+          debug$7("pteExpandToWord: Expanding to focused word"), Transforms.setSelection(editor, {
             anchor: {
               ...selection.anchor,
               offset: newStartOffset
@@ -4669,7 +4655,7 @@ function createWithUtils({
           });
           return;
         }
-        debug$8("pteExpandToWord: Can't expand to word here");
+        debug$7("pteExpandToWord: Can't expand to word here");
       }
     }, editor.pteCreateTextBlock = (options) => toSlateValue([{
       _type: schemaTypes.block.name,
@@ -4695,16 +4681,10 @@ function createWithUtils({
     })[0], editor;
   };
 }
-const originalFnMap = /* @__PURE__ */ new WeakMap(), withPlugins = (editor, options) => {
+const withPlugins = (editor, options) => {
   const e = editor, {
     editorActor
-  } = options, schemaTypes = editorActor.getSnapshot().context.schema;
-  e.destroy ? e.destroy() : originalFnMap.set(e, {
-    apply: e.apply,
-    onChange: e.onChange,
-    normalizeNode: e.normalizeNode
-  });
-  const operationToPatches = createOperationToPatches(schemaTypes), withObjectKeys = createWithObjectKeys(editorActor, schemaTypes), withSchemaTypes = createWithSchemaTypes({
+  } = options, schemaTypes = editorActor.getSnapshot().context.schema, operationToPatches = createOperationToPatches(schemaTypes), withObjectKeys = createWithObjectKeys(editorActor, schemaTypes), withSchemaTypes = createWithSchemaTypes({
     editorActor,
     schemaTypes
   }), withPatches = createWithPatches({
@@ -4719,38 +4699,21 @@ const originalFnMap = /* @__PURE__ */ new WeakMap(), withPlugins = (editor, opti
   }), withPortableTextMarkModel = createWithPortableTextMarkModel(editorActor, schemaTypes), withPortableTextBlockStyle = createWithPortableTextBlockStyle(editorActor, schemaTypes), withPlaceholderBlock = createWithPlaceholderBlock(editorActor), withUtils = createWithUtils({
     editorActor,
     schemaTypes
-  }), withPortableTextSelections = createWithPortableTextSelections(editorActor, schemaTypes), withEventListeners = createWithEventListeners(editorActor, options.subscriptions);
-  return e.destroy = () => {
-    const originalFunctions = originalFnMap.get(e);
-    if (!originalFunctions)
-      throw new Error("Could not find pristine versions of editor functions");
-    e.apply = originalFunctions.apply, e.history = {
-      undos: [],
-      redos: []
-    }, e.normalizeNode = originalFunctions.normalizeNode, e.onChange = originalFunctions.onChange;
-  }, withEventListeners(withSchemaTypes(withObjectKeys(withPortableTextMarkModel(withPortableTextBlockStyle(withPortableTextLists(withPlaceholderBlock(withUtils(withMaxBlocks(withUndoRedo(withPatches(withPortableTextSelections(e))))))))))));
-}, debug$7 = debugWithName("component:PortableTextEditor:SlateContainer"), slateEditors = /* @__PURE__ */ new WeakMap();
+  }), withPortableTextSelections = createWithPortableTextSelections(editorActor, schemaTypes);
+  return createWithEventListeners(editorActor, options.subscriptions)(withSchemaTypes(withObjectKeys(withPortableTextMarkModel(withPortableTextBlockStyle(withPortableTextLists(withPlaceholderBlock(withUtils(withMaxBlocks(withUndoRedo(withPatches(withPortableTextSelections(e))))))))))));
+}, debug$6 = debugWithName("component:PortableTextEditor:SlateContainer"), slateEditors = /* @__PURE__ */ new WeakMap();
 function createSlateEditor(config) {
   const existingSlateEditor = slateEditors.get(config.editorActor);
   if (existingSlateEditor)
-    return debug$7("Reusing existing Slate editor instance", config.editorActor.id), existingSlateEditor;
-  debug$7("Creating new Slate editor instance", config.editorActor.id);
-  let unsubscriptions = [], subscriptions = [];
-  const instance = withPlugins(withReact(createEditor()), {
+    return debug$6("Reusing existing Slate editor instance", config.editorActor.id), existingSlateEditor;
+  debug$6("Creating new Slate editor instance", config.editorActor.id);
+  const unsubscriptions = [], subscriptions = [], instance = withPlugins(withReact(createEditor$1()), {
     editorActor: config.editorActor,
     subscriptions
   });
   KEY_TO_VALUE_ELEMENT.set(instance, {}), KEY_TO_SLATE_ELEMENT.set(instance, {});
   for (const subscription of subscriptions)
     unsubscriptions.push(subscription());
-  config.editorActor.subscribe((snapshot) => {
-    if (snapshot.status !== "active") {
-      debug$7("Destroying Slate editor"), instance.destroy();
-      for (const unsubscribe of unsubscriptions)
-        unsubscribe();
-      subscriptions = [], unsubscriptions = [];
-    }
-  });
   const initialValue = [instance.pteCreateTextBlock({
     decorators: []
   })], slateEditor = {
@@ -4759,7 +4722,7 @@ function createSlateEditor(config) {
   };
   return slateEditors.set(config.editorActor, slateEditor), slateEditor;
 }
-const EditorActorContext = createContext({}), debug$6 = debugWithName("API:editable");
+const debug$5 = debugWithName("API:editable");
 function createEditableAPI(editor, editorActor) {
   const types = editorActor.getSnapshot().context.schema;
   return {
@@ -4840,7 +4803,7 @@ function createEditableAPI(editor, editorActor) {
       }], {
         schemaTypes: editorActor.getSnapshot().context.schema
       })[0].children[0], focusChildPath = editor.selection.focus.path.slice(0, 2), isSpanNode = child._type === types.span.name, focusNode = Node.get(editor, focusChildPath);
-      return isSpanNode && focusNode._type !== types.span.name && (debug$6("Inserting span child next to inline object child, moving selection + 1"), editor.move({
+      return isSpanNode && 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, {
@@ -4972,18 +4935,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
@@ -5146,7 +5109,7 @@ const addAnnotationActionImplementation = ({
   action
 }) => {
   const editor = action.editor;
-  if (debug$6("Removing annotation", action.annotation.name), !!editor.selection)
+  if (debug$5("Removing annotation", action.annotation.name), !!editor.selection)
     if (Range.isCollapsed(editor.selection)) {
       const [block, blockPath] = Editor.node(editor, editor.selection, {
         depth: 1
@@ -5799,8 +5762,8 @@ const editorMachine = setup({
     keyGenerator: input.keyGenerator,
     pendingEvents: [],
     schema: input.schema,
-    readOnly: !1,
-    maxBlocks: void 0,
+    readOnly: input.readOnly ?? !1,
+    maxBlocks: input.maxBlocks,
     value: input.value
   }),
   on: {
@@ -5905,11 +5868,16 @@ const editorMachine = setup({
       })
     },
     "toggle readOnly": {
-      actions: assign({
+      actions: [assign({
         readOnly: ({
           context
         }) => !context.readOnly
-      })
+      }), emit(({
+        context
+      }) => ({
+        type: "readOnly toggled",
+        readOnly: context.readOnly
+      }))]
     },
     "update maxBlocks": {
       actions: assign({
@@ -6000,47 +5968,62 @@ const editorMachine = setup({
       }
     }
   }
-}), 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$5 = debugWithName("component:PortableTextEditor:SelectionProvider"), debugVerbose = debug$5.enabled && !1;
-function PortableTextEditorSelectionProvider(props) {
-  const $ = c(6), [selection, setSelection] = useState(null);
-  let t0, t1;
-  $[0] !== props.editorActor ? (t0 = () => {
-    debug$5("Subscribing to selection changes");
-    const subscription = props.editorActor.on("selection", (event) => {
-      startTransition(() => {
-        debugVerbose && debug$5("Setting selection"), setSelection(event.selection);
-      });
-    });
-    return () => {
-      debug$5("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 defaultKeyGenerator = () => randomKey(12), getByteHexTable = /* @__PURE__ */ (() => {
-  let table;
-  return () => {
-    if (table)
-      return table;
-    table = [];
-    for (let i = 0; i < 256; ++i)
-      table[i] = (i + 256).toString(16).slice(1);
-    return table;
+});
+function createEditor(config) {
+  const editorActor = createActor(editorMachine, {
+    input: editorConfigToMachineInput(config)
+  });
+  editorActor.start();
+  const slateEditor = createSlateEditor({
+    editorActor
+  }), editable = createEditableAPI(slateEditor.instance, editorActor);
+  return {
+    send: (event) => {
+      editorActor.send(event);
+    },
+    on: (event, listener) => editorActor.on(
+      event,
+      // @ts-ignore
+      listener
+    ),
+    editable,
+    _internal: {
+      editorActor,
+      slateEditor
+    }
   };
-})();
-function whatwgRNG(length = 16) {
-  const rnds8 = new Uint8Array(length);
-  return getRandomValues(rnds8), rnds8;
 }
-function randomKey(length) {
-  const table = getByteHexTable();
-  return whatwgRNG(length).reduce((str, n) => str + table[n], "").slice(0, length);
+function useEditor(config) {
+  const editorActor = useActorRef(editorMachine, {
+    input: editorConfigToMachineInput(config)
+  }), slateEditor = createSlateEditor({
+    editorActor
+  }), editable = useMemo(() => createEditableAPI(slateEditor.instance, editorActor), [slateEditor.instance, editorActor]), send = useCallback((event) => {
+    editorActor.send(event);
+  }, [editorActor]), on = useCallback((event_0, listener) => editorActor.on(
+    event_0,
+    // @ts-ignore
+    listener
+  ), [editorActor]);
+  return useMemo(() => ({
+    send,
+    on,
+    editable,
+    _internal: {
+      editorActor,
+      slateEditor
+    }
+  }), [send, on, editable, editorActor, slateEditor]);
+}
+function editorConfigToMachineInput(config) {
+  return {
+    behaviors: config.behaviors,
+    keyGenerator: config.keyGenerator ?? defaultKeyGenerator,
+    maxBlocks: config.maxBlocks,
+    readOnly: config.readOnly,
+    schema: config.schemaDefinition ? compileSchemaDefinition(config.schemaDefinition) : getPortableTextMemberSchemaTypes(config.schema.hasOwnProperty("jsonType") ? config.schema : compileType(config.schema)),
+    value: config.initialValue
+  };
 }
 const debug$4 = debugWithName("component:PortableTextEditor");
 class PortableTextEditor extends Component {
@@ -6053,66 +6036,49 @@ class PortableTextEditor extends Component {
    * A lookup table for all the relevant schema types for this portable text type.
    */
   /**
+   * The editor instance
+   */
+  /*
    * The editor API (currently implemented with Slate).
    */
   constructor(props) {
-    if (super(props), props.editor) {
-      const editor = props.editor;
-      this.editorActor = editor._internal.editorActor, this.slateEditor = editor._internal.slateEditor, this.editorActor.start(), this.schemaTypes = this.editorActor.getSnapshot().context.schema;
-    } else {
-      if (!props.schemaType)
-        throw new Error('PortableTextEditor: missing "schemaType" property');
-      props.incomingPatches$ && console.warn("The prop 'incomingPatches$' is deprecated and renamed to 'patches$'"), this.schemaTypes = getPortableTextMemberSchemaTypes(props.schemaType.hasOwnProperty("jsonType") ? props.schemaType : compileType(props.schemaType)), this.editorActor = createActor(editorMachine, {
-        input: {
-          keyGenerator: props.keyGenerator || defaultKeyGenerator,
-          schema: this.schemaTypes,
-          value: props.value
-        }
-      }), this.editorActor.start(), this.slateEditor = createSlateEditor({
-        editorActor: this.editorActor
-      }), props.readOnly && this.editorActor.send({
-        type: "toggle readOnly"
-      }), props.maxBlocks && this.editorActor.send({
-        type: "update maxBlocks",
-        maxBlocks: props.maxBlocks === void 0 ? void 0 : Number.parseInt(props.maxBlocks.toString(), 10)
-      });
-    }
-    this.editable = createEditableAPI(this.slateEditor.instance, this.editorActor);
+    super(props), props.editor ? this.editor = props.editor : this.editor = createEditor({
+      keyGenerator: props.keyGenerator ?? defaultKeyGenerator,
+      schema: props.schemaType,
+      initialValue: props.value,
+      maxBlocks: props.maxBlocks === void 0 ? void 0 : Number.parseInt(props.maxBlocks.toString(), 10),
+      readOnly: props.readOnly
+    }), this.schemaTypes = this.editor._internal.editorActor.getSnapshot().context.schema, this.editable = this.editor.editable;
   }
   componentDidUpdate(prevProps) {
-    !this.props.editor && !prevProps.editor && this.props.schemaType !== prevProps.schemaType && (this.schemaTypes = getPortableTextMemberSchemaTypes(this.props.schemaType.hasOwnProperty("jsonType") ? this.props.schemaType : compileType(this.props.schemaType)), this.editorActor.send({
+    !this.props.editor && !prevProps.editor && this.props.schemaType !== prevProps.schemaType && (this.schemaTypes = getPortableTextMemberSchemaTypes(this.props.schemaType.hasOwnProperty("jsonType") ? this.props.schemaType : compileType(this.props.schemaType)), this.editor._internal.editorActor.send({
       type: "update schema",
       schema: this.schemaTypes
-    })), !this.props.editor && !prevProps.editor && (this.props.readOnly !== prevProps.readOnly && this.editorActor.send({
+    })), !this.props.editor && !prevProps.editor && (this.props.readOnly !== prevProps.readOnly && this.editor._internal.editorActor.send({
       type: "toggle readOnly"
-    }), this.props.maxBlocks !== prevProps.maxBlocks && this.editorActor.send({
+    }), this.props.maxBlocks !== prevProps.maxBlocks && this.editor._internal.editorActor.send({
       type: "update maxBlocks",
       maxBlocks: this.props.maxBlocks === void 0 ? void 0 : Number.parseInt(this.props.maxBlocks.toString(), 10)
-    }), this.props.value !== prevProps.value && this.editorActor.send({
+    }), this.props.value !== prevProps.value && this.editor._internal.editorActor.send({
       type: "update value",
       value: this.props.value
     }), this.props.editorRef !== prevProps.editorRef && this.props.editorRef && (this.props.editorRef.current = this));
   }
   setEditable = (editable) => {
-    this.editable = {
-      ...this.editable,
+    this.editor.editable = {
+      ...this.editor.editable,
       ...editable
     };
   };
-  getValue = () => {
-    if (this.editable)
-      return this.editable.getValue();
-  };
   render() {
     const legacyPatches = this.props.editor ? void 0 : this.props.incomingPatches$ ?? this.props.patches$;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      legacyPatches ? /* @__PURE__ */ jsx(RoutePatchesObservableToEditorActor, { editorActor: this.editorActor, patches$: legacyPatches }) : null,
-      /* @__PURE__ */ jsx(EditorActorContext.Provider, { value: this.editorActor, children: /* @__PURE__ */ jsx(Slate, { editor: this.slateEditor.instance, initialValue: this.slateEditor.initialValue, children: /* @__PURE__ */ jsx(PortableTextEditorContext.Provider, { value: this, children: /* @__PURE__ */ jsxs(PortableTextEditorSelectionProvider, { editorActor: this.editorActor, children: [
-        /* @__PURE__ */ jsx(Synchronizer, { editorActor: this.editorActor, getValue: this.getValue, onChange: (change) => {
-          this.props.editor || this.props.onChange(change), this.change$.next(change);
-        } }),
-        this.props.children
-      ] }) }) }) })
+      legacyPatches ? /* @__PURE__ */ jsx(RoutePatchesObservableToEditorActor, { editorActor: this.editor._internal.editorActor, patches$: legacyPatches }) : null,
+      /* @__PURE__ */ jsx(RouteEventsToChanges, { editorActor: this.editor._internal.editorActor, onChange: (change) => {
+        this.props.editor || this.props.onChange(change), this.change$.next(change);
+      } }),
+      /* @__PURE__ */ jsx(Synchronizer, { editorActor: this.editor._internal.editorActor, getValue: this.editor.editable.getValue, portableTextEditor: this, slateEditor: this.editor._internal.slateEditor.instance }),
+      /* @__PURE__ */ jsx(EditorActorContext.Provider, { value: this.editor._internal.editorActor, 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 }) }) }) })
     ] });
   }
   // Static API methods
@@ -6180,6 +6146,79 @@ function RoutePatchesObservableToEditorActor(props) {
     };
   }, t1 = [props.editorActor, props.patches$], $[0] = props.editorActor, $[1] = props.patches$, $[2] = t0, $[3] = t1) : (t0 = $[2], t1 = $[3]), useEffect(t0, t1), null;
 }
+function RouteEventsToChanges(props) {
+  const $ = c(6);
+  let t0;
+  $[0] !== props ? (t0 = (change) => props.onChange(change), $[0] = props, $[1] = t0) : t0 = $[1];
+  const handleChange = useEffectEvent(t0);
+  let t1, t2;
+  return $[2] !== handleChange || $[3] !== props.editorActor ? (t1 = () => {
+    debug$4("Subscribing to editor changes");
+    const sub = props.editorActor.on("*", (event) => {
+      bb5: switch (event.type) {
+        case "patch": {
+          handleChange(event);
+          break bb5;
+        }
+        case "loading": {
+          handleChange({
+            type: "loading",
+            isLoading: !0
+          });
+          break bb5;
+        }
+        case "done loading": {
+          handleChange({
+            type: "loading",
+            isLoading: !1
+          });
+          break bb5;
+        }
+        case "focused": {
+          handleChange({
+            type: "focus",
+            event: event.event
+          });
+          break bb5;
+        }
+        case "value changed": {
+          handleChange({
+            type: "value",
+            value: event.value
+          });
+          break bb5;
+        }
+        case "invalid value": {
+          handleChange({
+            type: "invalidValue",
+            resolution: event.resolution,
+            value: event.value
+          });
+          break bb5;
+        }
+        case "error": {
+          handleChange({
+            ...event,
+            level: "warning"
+          });
+          break bb5;
+        }
+        case "annotation.add":
+        case "annotation.remove":
+        case "annotation.toggle":
+        case "focus":
+        case "patches":
+        case "readOnly toggled":
+          break bb5;
+        default:
+          handleChange(event);
+      }
+    });
+    return () => {
+      debug$4("Unsubscribing to changes"), sub.unsubscribe();
+    };
+  }, t2 = [props.editorActor, handleChange], $[2] = handleChange, $[3] = props.editorActor, $[4] = t1, $[5] = t2) : (t1 = $[4], t2 = $[5]), useEffect(t1, t2), null;
+}
 const debug$3 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (props) => {
   const {
     editorActor,
@@ -6637,9 +6676,7 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
     ...restProps
   } = props, portableTextEditor = usePortableTextEditor(), ref = useRef(null), [editableElement, setEditableElement] = useState(null), [hasInvalidValue, setHasInvalidValue] = useState(!1), [rangeDecorationState, setRangeDecorationsState] = useState([]);
   useImperativeHandle(forwardedRef, () => ref.current);
-  const rangeDecorationsRef = useRef(rangeDecorations), editorActor = useContext(EditorActorContext), readOnly = useSelector(editorActor, (s) => s.context.readOnly), {
-    schemaTypes
-  } = portableTextEditor, slateEditor = useSlate(), blockTypeName = schemaTypes.block.name;
+  const rangeDecorationsRef = useRef(rangeDecorations), editorActor = useContext(EditorActorContext), readOnly = useSelector(editorActor, (s) => s.context.readOnly), schemaTypes = useSelector(editorActor, (s_0) => s_0.context.schema), slateEditor = useSlate(), blockTypeName = schemaTypes.block.name;
   useMemo(() => {
     const withInsertData = createWithInsertData(editorActor, schemaTypes);
     if (readOnly)
@@ -6875,46 +6912,56 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
   ) : null;
 });
 PortableTextEditable.displayName = "ForwardRef(PortableTextEditable)";
-function useEditor(config) {
-  const $ = c(21), t0 = config.keyGenerator ?? defaultKeyGenerator;
-  let t1;
-  $[0] !== config.schema || $[1] !== config.schemaDefinition ? (t1 = config.schemaDefinition ? compileSchemaDefinition(config.schemaDefinition) : getPortableTextMemberSchemaTypes(config.schema.hasOwnProperty("jsonType") ? config.schema : compileType(config.schema)), $[0] = config.schema, $[1] = config.schemaDefinition, $[2] = t1) : t1 = $[2];
+const EditorContext = React.createContext(void 0);
+function EditorProvider(props) {
+  const $ = c(30), editor = useEditor(props.config), editorActor = editor._internal.editorActor, slateEditor = editor._internal.slateEditor, editable = editor.editable;
+  let t0, t1;
+  $[0] !== editor ? (t1 = new PortableTextEditor({
+    editor
+  }), $[0] = editor, $[1] = t1) : t1 = $[1], t0 = t1;
+  const portableTextEditor = t0;
   let t2;
-  $[3] !== config.behaviors || $[4] !== config.initialValue || $[5] !== t0 || $[6] !== t1 ? (t2 = {
-    input: {
-      behaviors: config.behaviors,
-      keyGenerator: t0,
-      schema: t1,
-      value: config.initialValue
-    }
-  }, $[3] = config.behaviors, $[4] = config.initialValue, $[5] = t0, $[6] = t1, $[7] = t2) : t2 = $[7];
-  const editorActor = useActorRef(editorMachine, t2);
+  $[2] !== portableTextEditor.change$ ? (t2 = (change) => {
+    portableTextEditor.change$.next(change);
+  }, $[2] = portableTextEditor.change$, $[3] = t2) : t2 = $[3];
   let t3;
-  $[8] !== editorActor ? (t3 = createSlateEditor({
-    editorActor
-  }), $[8] = editorActor, $[9] = t3) : t3 = $[9];
-  const slateEditor = t3, readOnly = useSelector(editorActor, _temp);
-  let t4, t5;
-  $[10] !== editorActor ? (t4 = (event) => {
-    editorActor.send(event);
-  }, t5 = (event_0, listener) => editorActor.on(event_0, listener), $[10] = editorActor, $[11] = t4, $[12] = t5) : (t4 = $[11], t5 = $[12]);
+  $[4] !== editorActor || $[5] !== t2 ? (t3 = /* @__PURE__ */ jsx(RouteEventsToChanges, { editorActor, onChange: t2 }), $[4] = editorActor, $[5] = t2, $[6] = t3) : t3 = $[6];
+  let t4;
+  $[7] !== editable.getValue || $[8] !== editorActor || $[9] !== portableTextEditor || $[10] !== slateEditor.instance ? (t4 = /* @__PURE__ */ jsx(Synchronizer, { editorActor, getValue: editable.getValue, portableTextEditor, slateEditor: slateEditor.instance }), $[7] = editable.getValue, $[8] = editorActor, $[9] = portableTextEditor, $[10] = slateEditor.instance, $[11] = t4) : t4 = $[11];
+  let t5;
+  $[12] !== editorActor || $[13] !== props.children ? (t5 = /* @__PURE__ */ jsx(PortableTextEditorSelectionProvider, { editorActor, children: props.children }), $[12] = editorActor, $[13] = props.children, $[14] = t5) : t5 = $[14];
   let t6;
-  $[13] !== editorActor || $[14] !== slateEditor ? (t6 = {
-    editorActor,
-    slateEditor
-  }, $[13] = editorActor, $[14] = slateEditor, $[15] = t6) : t6 = $[15];
+  $[15] !== portableTextEditor || $[16] !== t5 ? (t6 = /* @__PURE__ */ jsx(PortableTextEditorContext.Provider, { value: portableTextEditor, children: t5 }), $[15] = portableTextEditor, $[16] = t5, $[17] = t6) : t6 = $[17];
   let t7;
-  return $[16] !== readOnly || $[17] !== t4 || $[18] !== t5 || $[19] !== t6 ? (t7 = {
-    send: t4,
-    on: t5,
-    readOnly,
-    _internal: t6
-  }, $[16] = readOnly, $[17] = t4, $[18] = t5, $[19] = t6, $[20] = t7) : t7 = $[20], t7;
+  $[18] !== slateEditor.initialValue || $[19] !== slateEditor.instance || $[20] !== t6 ? (t7 = /* @__PURE__ */ jsx(Slate, { editor: slateEditor.instance, initialValue: slateEditor.initialValue, children: t6 }), $[18] = slateEditor.initialValue, $[19] = slateEditor.instance, $[20] = t6, $[21] = t7) : t7 = $[21];
+  let t8;
+  $[22] !== editorActor || $[23] !== t7 ? (t8 = /* @__PURE__ */ jsx(EditorActorContext.Provider, { value: editorActor, children: t7 }), $[22] = editorActor, $[23] = t7, $[24] = t8) : t8 = $[24];
+  let t9;
+  return $[25] !== editor || $[26] !== t3 || $[27] !== t4 || $[28] !== t8 ? (t9 = /* @__PURE__ */ jsxs(EditorContext.Provider, { value: editor, children: [
+    t3,
+    t4,
+    t8
+  ] }), $[25] = editor, $[26] = t3, $[27] = t4, $[28] = t8, $[29] = t9) : t9 = $[29], t9;
+}
+function useEditorContext() {
+  const editor = React.useContext(EditorContext);
+  if (!editor)
+    throw new Error("No Editor set. Use EditorProvider to set one.");
+  return editor;
 }
-function _temp(s) {
-  return s.context.readOnly;
+function EditorEventListener(props) {
+  const $ = c(4), editor = useEditorContext(), on = useEffectEvent(props.on);
+  let t0, t1;
+  return $[0] !== editor || $[1] !== on ? (t0 = () => {
+    const subscription = editor.on("*", on);
+    return () => {
+      subscription.unsubscribe();
+    };
+  }, t1 = [editor, on], $[0] = editor, $[1] = on, $[2] = t0, $[3] = t1) : (t0 = $[2], t1 = $[3]), useEffect(t0, t1), null;
 }
 export {
+  EditorEventListener,
+  EditorProvider,
   PortableTextEditable,
   PortableTextEditor,
   coreBehavior,
@@ -6926,6 +6973,7 @@ export {
   editorMachine,
   defaultKeyGenerator as keyGenerator,
   useEditor,
+  useEditorContext,
   usePortableTextEditor,
   usePortableTextEditorSelection
 };