@portabletext/editor 1.3.0 → 1.4.0

package/lib/index.esm.js

@@ -1,16 +1,16 @@
+import { isPortableTextTextBlock, isPortableTextSpan as isPortableTextSpan$1, isKeySegment, isPortableTextListBlock } from "@sanity/types";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 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 require$$0, { useRef, useState, useEffect, useMemo, createContext, useContext, useCallback, startTransition, Component, forwardRef, useImperativeHandle, useLayoutEffect } from "react";
 import { Editor, Element as Element$1, Range, Point, Text, Path, Transforms, Node, Operation, createEditor, deleteBackward, deleteForward, insertText } from "slate";
 import { useSlateStatic, ReactEditor, useSelected, withReact, Slate, useSlate, Editable } from "slate-react";
 import debug$m from "debug";
-import { isKeySegment, isPortableTextTextBlock, isPortableTextSpan as isPortableTextSpan$1, isPortableTextListBlock } from "@sanity/types";
 import { c } from "react-compiler-runtime";
 import { styled } from "styled-components";
 import uniq from "lodash/uniq.js";
 import { Subject } from "rxjs";
-import { fromCallback, setup, assign, assertEvent, emit, enqueueActions, createActor } from "xstate";
+import { fromCallback, setup, assign, assertEvent, emit, enqueueActions, createActor, toObserver } from "xstate";
 import { Schema } from "@sanity/schema";
 import { diffMatchPatch as diffMatchPatch$1, set, insert, setIfMissing, unset, applyAll } from "@portabletext/patches";
 import get from "lodash/get.js";
@@ -24,6 +24,246 @@ import throttle from "lodash/throttle.js";
 import { useEffectEvent } from "use-effect-event";
 import debounce from "lodash/debounce.js";
 import { randomKey } from "@sanity/util/content";
+function defineBehavior(behavior) {
+  return behavior;
+}
+function selectionIsCollapsed(context) {
+  return context.selection?.anchor.path.join() === context.selection?.focus.path.join() && context.selection?.anchor.offset === context.selection?.focus.offset;
+}
+function getFocusBlock(context) {
+  const key = context.selection && isKeySegment(context.selection.focus.path[0]) ? context.selection.focus.path[0]._key : void 0, node = key ? context.value.find((block) => block._key === key) : void 0;
+  return node && key ? {
+    node,
+    path: [{
+      _key: key
+    }]
+  } : void 0;
+}
+function getFocusTextBlock(context) {
+  const focusBlock = getFocusBlock(context);
+  return focusBlock && isPortableTextTextBlock(focusBlock.node) ? {
+    node: focusBlock.node,
+    path: focusBlock.path
+  } : void 0;
+}
+function getFocusBlockObject(context) {
+  const focusBlock = getFocusBlock(context);
+  return focusBlock && !isPortableTextTextBlock(focusBlock.node) ? {
+    node: focusBlock.node,
+    path: focusBlock.path
+  } : void 0;
+}
+function getFocusChild(context) {
+  const focusBlock = getFocusTextBlock(context);
+  if (!focusBlock)
+    return;
+  const key = context.selection && isKeySegment(context.selection.focus.path[2]) ? context.selection.focus.path[2]._key : void 0, node = key ? focusBlock.node.children.find((span) => span._key === key) : void 0;
+  return node && key ? {
+    node,
+    path: [...focusBlock.path, "children", {
+      _key: key
+    }]
+  } : void 0;
+}
+function getFocusSpan(context) {
+  const focusChild = getFocusChild(context);
+  return focusChild && isPortableTextSpan$1(focusChild.node) ? {
+    node: focusChild.node,
+    path: focusChild.path
+  } : void 0;
+}
+function getSelectionStartBlock(context) {
+  const key = context.selection.backward ? isKeySegment(context.selection.focus.path[0]) ? context.selection.focus.path[0]._key : void 0 : isKeySegment(context.selection.anchor.path[0]) ? context.selection.anchor.path[0]._key : void 0, node = key ? context.value.find((block) => block._key === key) : void 0;
+  return node && key ? {
+    node,
+    path: [{
+      _key: key
+    }]
+  } : void 0;
+}
+function getSelectionEndBlock(context) {
+  const key = context.selection.backward ? isKeySegment(context.selection.anchor.path[0]) ? context.selection.anchor.path[0]._key : void 0 : isKeySegment(context.selection.focus.path[0]) ? context.selection.focus.path[0]._key : void 0, node = key ? context.value.find((block) => block._key === key) : void 0;
+  return node && key ? {
+    node,
+    path: [{
+      _key: key
+    }]
+  } : void 0;
+}
+function getPreviousBlock(context) {
+  let previousBlock;
+  const selectionStartBlock = getSelectionStartBlock(context);
+  if (!selectionStartBlock)
+    return;
+  let foundSelectionStartBlock = !1;
+  for (const block of context.value) {
+    if (block._key === selectionStartBlock.node._key) {
+      foundSelectionStartBlock = !0;
+      break;
+    }
+    previousBlock = {
+      node: block,
+      path: [{
+        _key: block._key
+      }]
+    };
+  }
+  if (foundSelectionStartBlock && previousBlock)
+    return previousBlock;
+}
+function getNextBlock(context) {
+  let nextBlock;
+  const selectionEndBlock = getSelectionEndBlock(context);
+  if (!selectionEndBlock)
+    return;
+  let foundSelectionEndBlock = !1;
+  for (const block of context.value) {
+    if (block._key === selectionEndBlock.node._key) {
+      foundSelectionEndBlock = !0;
+      continue;
+    }
+    if (foundSelectionEndBlock) {
+      nextBlock = {
+        node: block,
+        path: [{
+          _key: block._key
+        }]
+      };
+      break;
+    }
+  }
+  if (foundSelectionEndBlock && nextBlock)
+    return nextBlock;
+}
+function isEmptyTextBlock(block) {
+  return block.children.length === 1 && block.children[0].text === "";
+}
+function createMarkdownBehaviors(config) {
+  const automaticStyleOnSpace = {
+    on: "insert text",
+    guard: ({
+      context,
+      event
+    }) => {
+      if (event.text !== " ")
+        return !1;
+      const selectionCollapsed = selectionIsCollapsed(context), focusTextBlock = getFocusTextBlock(context), focusSpan = getFocusSpan(context);
+      if (!selectionCollapsed || !focusTextBlock || !focusSpan)
+        return !1;
+      const looksLikeMarkdownHeading = /^#+/.test(focusSpan.node.text), headingStyle = config.mapHeadingStyle(context.schema, focusSpan.node.text.length), looksLikeMarkdownQuote = /^>/.test(focusSpan.node.text), blockquoteStyle = config.mapBlockquoteStyle(context.schema);
+      return looksLikeMarkdownHeading && headingStyle !== void 0 ? {
+        focusTextBlock,
+        focusSpan,
+        style: headingStyle
+      } : looksLikeMarkdownQuote && blockquoteStyle !== void 0 ? {
+        focusTextBlock,
+        focusSpan,
+        style: blockquoteStyle
+      } : !1;
+    },
+    actions: [() => [{
+      type: "insert text",
+      text: " "
+    }], (_, {
+      focusTextBlock,
+      focusSpan,
+      style
+    }) => [{
+      type: "set block",
+      style,
+      paths: [focusTextBlock.path]
+    }, {
+      type: "delete",
+      selection: {
+        anchor: {
+          path: focusSpan.path,
+          offset: 0
+        },
+        focus: {
+          path: focusSpan.path,
+          offset: focusSpan.node.text.length + 1
+        }
+      }
+    }]]
+  }, clearStyleOnBackspace = {
+    on: "delete backward",
+    guard: ({
+      context
+    }) => {
+      const selectionCollapsed = selectionIsCollapsed(context), focusTextBlock = getFocusTextBlock(context), focusSpan = getFocusSpan(context);
+      if (!selectionCollapsed || !focusTextBlock || !focusSpan)
+        return !1;
+      const defaultStyle = config.mapDefaultStyle(context.schema);
+      return defaultStyle && focusTextBlock.node.children.length === 1 && focusTextBlock.node.style !== config.mapDefaultStyle(context.schema) && focusSpan.node.text === "" ? {
+        defaultStyle,
+        focusTextBlock
+      } : !1;
+    },
+    actions: [(_, {
+      defaultStyle,
+      focusTextBlock
+    }) => [{
+      type: "set block",
+      style: defaultStyle,
+      paths: [focusTextBlock.path]
+    }]]
+  }, automaticListOnSpace = {
+    on: "insert text",
+    guard: ({
+      context,
+      event
+    }) => {
+      if (event.text !== " ")
+        return !1;
+      const selectionCollapsed = selectionIsCollapsed(context), focusTextBlock = getFocusTextBlock(context), focusSpan = getFocusSpan(context);
+      if (!selectionCollapsed || !focusTextBlock || !focusSpan)
+        return !1;
+      const looksLikeUnorderedList = /^-/.test(focusSpan.node.text), unorderedListStyle = config.mapUnorderedListStyle(context.schema);
+      if (looksLikeUnorderedList && unorderedListStyle !== void 0)
+        return {
+          focusTextBlock,
+          focusSpan,
+          listItem: unorderedListStyle
+        };
+      const looksLikeOrderedList = /^1./.test(focusSpan.node.text), orderedListStyle = config.mapOrderedListStyle(context.schema);
+      return looksLikeOrderedList && orderedListStyle !== void 0 ? {
+        focusTextBlock,
+        focusSpan,
+        listItem: orderedListStyle
+      } : !1;
+    },
+    actions: [() => [{
+      type: "insert text",
+      text: " "
+    }], (_, {
+      focusTextBlock,
+      focusSpan,
+      listItem
+    }) => [{
+      type: "unset block",
+      props: ["style"],
+      paths: [focusTextBlock.path]
+    }, {
+      type: "set block",
+      listItem,
+      level: 1,
+      paths: [focusTextBlock.path]
+    }, {
+      type: "delete",
+      selection: {
+        anchor: {
+          path: focusSpan.path,
+          offset: 0
+        },
+        focus: {
+          path: focusSpan.path,
+          offset: focusSpan.node.text.length + 1
+        }
+      }
+    }]]
+  };
+  return [automaticStyleOnSpace, clearStyleOnBackspace, automaticListOnSpace];
+}
 const rootName = "sanity-pte:";
 debug$m(rootName);
 function debugWithName(name) {
@@ -754,266 +994,25 @@ function resolveEnabledStyles(blockType) {
 function resolveEnabledDecorators(spanType) {
   return spanType.decorators;
 }
-function resolveEnabledListItems(blockType) {
-  const listField = blockType.fields?.find((btField) => btField.name === "listItem");
-  if (!listField)
-    throw new Error("A field with name 'listItem' is not defined in the block type (required).");
-  const listItems = listField.type.options?.list && listField.type.options.list.filter((list) => list.value);
-  if (!listItems)
-    throw new Error("The list field need at least to be an empty array");
-  return listItems;
-}
-function findBlockType(type) {
-  return type.type ? findBlockType(type.type) : type.name === "block" ? type : null;
-}
-function compileType(rawType) {
-  return Schema.compile({
-    name: "blockTypeSchema",
-    types: [rawType]
-  }).get(rawType.name);
-}
-function selectionIsCollapsed(context) {
-  return context.selection?.anchor.path.join() === context.selection?.focus.path.join() && context.selection?.anchor.offset === context.selection?.focus.offset;
-}
-function getFocusBlock(context) {
-  const key = context.selection && isKeySegment(context.selection.focus.path[0]) ? context.selection.focus.path[0]._key : void 0, node = key ? context.value.find((block) => block._key === key) : void 0;
-  return node && key ? {
-    node,
-    path: [{
-      _key: key
-    }]
-  } : void 0;
-}
-function getFocusTextBlock(context) {
-  const focusBlock = getFocusBlock(context);
-  return focusBlock && isPortableTextTextBlock(focusBlock.node) ? {
-    node: focusBlock.node,
-    path: focusBlock.path
-  } : void 0;
-}
-function getFocusBlockObject(context) {
-  const focusBlock = getFocusBlock(context);
-  return focusBlock && !isPortableTextTextBlock(focusBlock.node) ? {
-    node: focusBlock.node,
-    path: focusBlock.path
-  } : void 0;
-}
-function getFocusChild(context) {
-  const focusBlock = getFocusTextBlock(context);
-  if (!focusBlock)
-    return;
-  const key = context.selection && isKeySegment(context.selection.focus.path[2]) ? context.selection.focus.path[2]._key : void 0, node = key ? focusBlock.node.children.find((span) => span._key === key) : void 0;
-  return node && key ? {
-    node,
-    path: [...focusBlock.path, "children", {
-      _key: key
-    }]
-  } : void 0;
-}
-function getFocusSpan(context) {
-  const focusChild = getFocusChild(context);
-  return focusChild && isPortableTextSpan$1(focusChild.node) ? {
-    node: focusChild.node,
-    path: focusChild.path
-  } : void 0;
-}
-function getSelectionStartBlock(context) {
-  const key = context.selection.backward ? isKeySegment(context.selection.focus.path[0]) ? context.selection.focus.path[0]._key : void 0 : isKeySegment(context.selection.anchor.path[0]) ? context.selection.anchor.path[0]._key : void 0, node = key ? context.value.find((block) => block._key === key) : void 0;
-  return node && key ? {
-    node,
-    path: [{
-      _key: key
-    }]
-  } : void 0;
-}
-function getSelectionEndBlock(context) {
-  const key = context.selection.backward ? isKeySegment(context.selection.anchor.path[0]) ? context.selection.anchor.path[0]._key : void 0 : isKeySegment(context.selection.focus.path[0]) ? context.selection.focus.path[0]._key : void 0, node = key ? context.value.find((block) => block._key === key) : void 0;
-  return node && key ? {
-    node,
-    path: [{
-      _key: key
-    }]
-  } : void 0;
-}
-function getPreviousBlock(context) {
-  let previousBlock;
-  const selectionStartBlock = getSelectionStartBlock(context);
-  if (!selectionStartBlock)
-    return;
-  let foundSelectionStartBlock = !1;
-  for (const block of context.value) {
-    if (block._key === selectionStartBlock.node._key) {
-      foundSelectionStartBlock = !0;
-      break;
-    }
-    previousBlock = {
-      node: block,
-      path: [{
-        _key: block._key
-      }]
-    };
-  }
-  if (foundSelectionStartBlock && previousBlock)
-    return previousBlock;
-}
-function getNextBlock(context) {
-  let nextBlock;
-  const selectionEndBlock = getSelectionEndBlock(context);
-  if (!selectionEndBlock)
-    return;
-  let foundSelectionEndBlock = !1;
-  for (const block of context.value) {
-    if (block._key === selectionEndBlock.node._key) {
-      foundSelectionEndBlock = !0;
-      continue;
-    }
-    if (foundSelectionEndBlock) {
-      nextBlock = {
-        node: block,
-        path: [{
-          _key: block._key
-        }]
-      };
-      break;
-    }
-  }
-  if (foundSelectionEndBlock && nextBlock)
-    return nextBlock;
-}
-function isEmptyTextBlock(block) {
-  return block.children.length === 1 && block.children[0].text === "";
-}
-const breakingVoidBlock = {
-  on: "insert break",
-  guard: ({
-    context
-  }) => !!getFocusBlockObject(context),
-  actions: [() => [{
-    type: "insert text block",
-    decorators: []
-  }]]
-}, deletingEmptyTextBlockAfterBlockObject = {
-  on: "delete backward",
-  guard: ({
-    context
-  }) => {
-    const focusTextBlock = getFocusTextBlock(context), selectionCollapsed = selectionIsCollapsed(context), previousBlock = getPreviousBlock(context);
-    return !focusTextBlock || !selectionCollapsed || !previousBlock ? !1 : isEmptyTextBlock(focusTextBlock.node) && !isPortableTextTextBlock(previousBlock.node) ? {
-      focusTextBlock,
-      previousBlock
-    } : !1;
-  },
-  actions: [(_, {
-    focusTextBlock,
-    previousBlock
-  }) => [{
-    type: "delete",
-    selection: {
-      anchor: {
-        path: focusTextBlock.path,
-        offset: 0
-      },
-      focus: {
-        path: focusTextBlock.path,
-        offset: 0
-      }
-    }
-  }, {
-    type: "select",
-    selection: {
-      anchor: {
-        path: previousBlock.path,
-        offset: 0
-      },
-      focus: {
-        path: previousBlock.path,
-        offset: 0
-      }
-    }
-  }]]
-}, deletingEmptyTextBlockBeforeBlockObject = {
-  on: "delete forward",
-  guard: ({
-    context
-  }) => {
-    const focusTextBlock = getFocusTextBlock(context), selectionCollapsed = selectionIsCollapsed(context), nextBlock = getNextBlock(context);
-    return !focusTextBlock || !selectionCollapsed || !nextBlock ? !1 : isEmptyTextBlock(focusTextBlock.node) && !isPortableTextTextBlock(nextBlock.node) ? {
-      focusTextBlock,
-      nextBlock
-    } : !1;
-  },
-  actions: [(_, {
-    focusTextBlock,
-    nextBlock
-  }) => [{
-    type: "delete",
-    selection: {
-      anchor: {
-        path: focusTextBlock.path,
-        offset: 0
-      },
-      focus: {
-        path: focusTextBlock.path,
-        offset: 0
-      }
-    }
-  }, {
-    type: "select",
-    selection: {
-      anchor: {
-        path: nextBlock.path,
-        offset: 0
-      },
-      focus: {
-        path: nextBlock.path,
-        offset: 0
-      }
-    }
-  }]]
-}, coreBlockObjectBehaviors = [breakingVoidBlock, deletingEmptyTextBlockAfterBlockObject, deletingEmptyTextBlockBeforeBlockObject], clearListOnBackspace = {
-  on: "delete backward",
-  guard: ({
-    context
-  }) => {
-    const selectionCollapsed = selectionIsCollapsed(context), focusTextBlock = getFocusTextBlock(context), focusSpan = getFocusSpan(context);
-    return !selectionCollapsed || !focusTextBlock || !focusSpan ? !1 : focusTextBlock.node.children[0]._key === focusSpan.node._key && context.selection.focus.offset === 0 && focusTextBlock.node.level === 1 ? {
-      focusTextBlock
-    } : !1;
-  },
-  actions: [(_, {
-    focusTextBlock
-  }) => [{
-    type: "unset block",
-    props: ["listItem", "level"],
-    paths: [focusTextBlock.path]
-  }]]
-}, unindentListOnBackspace = {
-  on: "delete backward",
-  guard: ({
-    context
-  }) => {
-    const selectionCollapsed = selectionIsCollapsed(context), focusTextBlock = getFocusTextBlock(context), focusSpan = getFocusSpan(context);
-    return !selectionCollapsed || !focusTextBlock || !focusSpan ? !1 : focusTextBlock.node.children[0]._key === focusSpan.node._key && context.selection.focus.offset === 0 && focusTextBlock.node.level !== void 0 && focusTextBlock.node.level > 1 ? {
-      focusTextBlock,
-      level: focusTextBlock.node.level - 1
-    } : !1;
-  },
-  actions: [(_, {
-    focusTextBlock,
-    level
-  }) => [{
-    type: "set block",
-    level,
-    paths: [focusTextBlock.path]
-  }]]
-}, coreListBehaviors = [clearListOnBackspace, unindentListOnBackspace], softReturn = {
-  on: "insert soft break",
-  actions: [() => [{
-    type: "insert text",
-    text: `
-`
-  }]]
-}, coreBehaviors = [softReturn, ...coreBlockObjectBehaviors, ...coreListBehaviors], debug$k = debugWithName("operationToPatches");
+function resolveEnabledListItems(blockType) {
+  const listField = blockType.fields?.find((btField) => btField.name === "listItem");
+  if (!listField)
+    throw new Error("A field with name 'listItem' is not defined in the block type (required).");
+  const listItems = listField.type.options?.list && listField.type.options.list.filter((list) => list.value);
+  if (!listItems)
+    throw new Error("The list field need at least to be an empty array");
+  return listItems;
+}
+function findBlockType(type) {
+  return type.type ? findBlockType(type.type) : type.name === "block" ? type : null;
+}
+function compileType(rawType) {
+  return Schema.compile({
+    name: "blockTypeSchema",
+    types: [rawType]
+  }).get(rawType.name);
+}
+const debug$k = debugWithName("operationToPatches");
 function createOperationToPatches(types) {
   const textBlockName = types.block.name;
   function insertTextPatch(editor, operation, beforeValue) {
@@ -2700,9 +2699,9 @@ function debugState(editor, stateName) {
 }
 function findBlockFromPath(editor, path) {
   let blockIndex = -1;
-  const block = editor.children.find((node, index) => {
-    const isMatch = isKeyedSegment(path[0]) ? node._key === path[0]._key : index === path[0];
-    return isMatch && (blockIndex = index), isMatch;
+  const block = editor.children.find((node, index2) => {
+    const isMatch = isKeyedSegment(path[0]) ? node._key === path[0]._key : index2 === path[0];
+    return isMatch && (blockIndex = index2), isMatch;
   });
   return block ? {
     block,
@@ -2722,9 +2721,9 @@ function findBlockAndChildFromPath(editor, path) {
       childPath: void 0
     };
   let childIndex = -1;
-  const child = block.children.find((node, index) => {
-    const isMatch = isKeyedSegment(path[2]) ? node._key === path[2]._key : index === path[2];
-    return isMatch && (childIndex = index), isMatch;
+  const child = block.children.find((node, index2) => {
+    const isMatch = isKeyedSegment(path[2]) ? node._key === path[2]._key : index2 === path[2];
+    return isMatch && (childIndex = index2), isMatch;
   });
   return child ? {
     block,
@@ -2752,16 +2751,16 @@ const debug$h = debugWithName("plugin:withUndoRedo"), debugVerbose$3 = debug$h.e
 }, getRemotePatches = (editor) => (REMOTE_PATCHES.get(editor) || REMOTE_PATCHES.set(editor, []), REMOTE_PATCHES.get(editor) || []);
 function createWithUndoRedo(options) {
   const {
+    editorActor,
     readOnly,
-    patches$,
     blockSchemaType
   } = options;
   return (editor) => {
     let previousSnapshot = fromSlateValue(editor.children, blockSchemaType.name);
     const remotePatches = getRemotePatches(editor);
-    patches$ && editor.subscriptions.push(() => {
+    editor.subscriptions.push(() => {
       debug$h("Subscribing to patches");
-      const sub = patches$.subscribe(({
+      const sub = editorActor.on("patches", ({
         patches,
         snapshot
       }) => {
@@ -2921,9 +2920,9 @@ function transformOperation(editor, patch, operation, snapshot, previousSnapshot
       const {
         diffs
       } = diffPatch;
-      if (diffs.forEach((diff2, index) => {
+      if (diffs.forEach((diff2, index2) => {
         const [diffType, text] = diff2;
-        diffType === DIFF_INSERT ? (adjustOffsetBy += text.length, changedOffset += text.length) : diffType === DIFF_DELETE ? (adjustOffsetBy -= text.length, changedOffset -= text.length) : diffType === DIFF_EQUAL && (diffs.slice(index).every(([dType]) => dType === DIFF_EQUAL) || (changedOffset += text.length));
+        diffType === DIFF_INSERT ? (adjustOffsetBy += text.length, changedOffset += text.length) : diffType === DIFF_DELETE ? (adjustOffsetBy -= text.length, changedOffset -= text.length) : diffType === DIFF_EQUAL && (diffs.slice(index2).every(([dType]) => dType === DIFF_EQUAL) || (changedOffset += text.length));
       }), transformedOperation.type === "insert_text" && changedOffset < transformedOperation.offset && (transformedOperation.offset += adjustOffsetBy), transformedOperation.type === "remove_text" && changedOffset <= transformedOperation.offset - transformedOperation.text.length && (transformedOperation.offset += adjustOffsetBy), transformedOperation.type === "set_selection") {
         const currentFocus = transformedOperation.properties?.focus ? {
           ...transformedOperation.properties.focus
@@ -3001,7 +3000,6 @@ function findOperationTargetBlock(editor, operation) {
 const debug$g = debugWithName("plugin:withPatches");
 function createWithPatches({
   editorActor,
-  patches$,
   patchFunctions,
   readOnly,
   schemaTypes
@@ -3037,11 +3035,11 @@ function createWithPatches({
       const remotePatches = patches.filter((p) => p.origin !== "local");
       remotePatches.length !== 0 && (bufferedPatches = bufferedPatches.concat(remotePatches), handleBufferedRemotePatches());
     };
-    return patches$ && editor.subscriptions.push(() => {
-      debug$g("Subscribing to patches$");
-      const sub = patches$.subscribe(handlePatches);
+    return editor.subscriptions.push(() => {
+      debug$g("Subscribing to remote patches");
+      const sub = editorActor.on("patches", handlePatches);
       return () => {
-        debug$g("Unsubscribing to patches$"), sub.unsubscribe();
+        debug$g("Unsubscribing to remote patches"), sub.unsubscribe();
       };
     }), editor.apply = (operation) => {
       if (readOnly)
@@ -4018,10 +4016,10 @@ function validateValue(value, types, keyGenerator) {
       }
     },
     value
-  } : (value.some((blk, index) => {
+  } : (value.some((blk, index2) => {
     if (!isPlainObject(blk))
       return resolution = {
-        patches: [unset([index])],
+        patches: [unset([index2])],
         description: `Block must be an object, got ${String(blk)}`,
         action: "Unset invalid item",
         item: blk,
@@ -4029,7 +4027,7 @@ function validateValue(value, types, keyGenerator) {
           description: "inputs.portable-text.invalid-value.not-an-object.description",
           action: "inputs.portable-text.invalid-value.not-an-object.action",
           values: {
-            index
+            index: index2
           }
         }
       }, !0;
@@ -4038,15 +4036,15 @@ function validateValue(value, types, keyGenerator) {
         patches: [set({
           ...blk,
           _key: keyGenerator()
-        }, [index])],
-        description: `Block at index ${index} is missing required _key.`,
+        }, [index2])],
+        description: `Block at index ${index2} is missing required _key.`,
         action: "Set the block with a random _key value",
         item: blk,
         i18n: {
           description: "inputs.portable-text.invalid-value.missing-key.description",
           action: "inputs.portable-text.invalid-value.missing-key.action",
           values: {
-            index
+            index: index2
           }
         }
       }, !0;
@@ -4530,7 +4528,6 @@ const originalFnMap = /* @__PURE__ */ new WeakMap(), withPlugins = (editor, opti
   const e = editor, {
     editorActor,
     portableTextEditor,
-    patches$,
     readOnly,
     maxBlocks
   } = options, {
@@ -4546,13 +4543,12 @@ const originalFnMap = /* @__PURE__ */ new WeakMap(), withPlugins = (editor, opti
     schemaTypes
   }), withEditableAPI = createWithEditableAPI(editorActor, portableTextEditor, schemaTypes), withPatches = createWithPatches({
     editorActor,
-    patches$,
     patchFunctions: operationToPatches,
     readOnly,
     schemaTypes
   }), withMaxBlocks = createWithMaxBlocks(maxBlocks || -1), withPortableTextLists = createWithPortableTextLists(schemaTypes), withUndoRedo = createWithUndoRedo({
+    editorActor,
     readOnly,
-    patches$,
     blockSchemaType: schemaTypes.block
   }), withPortableTextMarkModel = createWithPortableTextMarkModel(editorActor, schemaTypes), withPortableTextBlockStyle = createWithPortableTextBlockStyle(editorActor, schemaTypes), withPlaceholderBlock = createWithPlaceholderBlock(), withUtils = createWithUtils({
     editorActor,
@@ -4585,15 +4581,14 @@ const originalFnMap = /* @__PURE__ */ new WeakMap(), withPlugins = (editor, opti
   };
 }, debug$6 = debugWithName("component:PortableTextEditor:SlateContainer");
 function SlateContainer(props) {
-  const $ = c(28), {
+  const $ = c(26), {
     editorActor,
-    patches$,
     portableTextEditor,
     readOnly,
     maxBlocks
   } = props;
   let t0;
-  $[0] !== editorActor || $[1] !== maxBlocks || $[2] !== patches$ || $[3] !== portableTextEditor || $[4] !== readOnly ? (t0 = () => {
+  $[0] !== editorActor || $[1] !== maxBlocks || $[2] !== portableTextEditor || $[3] !== readOnly ? (t0 = () => {
     debug$6("Creating new Slate editor instance");
     const {
       editor,
@@ -4601,43 +4596,41 @@ function SlateContainer(props) {
     } = withPlugins(withReact(createEditor()), {
       editorActor,
       maxBlocks,
-      patches$,
       portableTextEditor,
       readOnly
     });
     return KEY_TO_VALUE_ELEMENT.set(editor, {}), KEY_TO_SLATE_ELEMENT.set(editor, {}), [editor, _sub];
-  }, $[0] = editorActor, $[1] = maxBlocks, $[2] = patches$, $[3] = portableTextEditor, $[4] = readOnly, $[5] = t0) : t0 = $[5];
+  }, $[0] = editorActor, $[1] = maxBlocks, $[2] = portableTextEditor, $[3] = readOnly, $[4] = t0) : t0 = $[4];
   const [t1] = useState(t0), [slateEditor, subscribe] = t1;
   let t2, t3;
-  $[6] !== subscribe ? (t2 = () => {
+  $[5] !== subscribe ? (t2 = () => {
     const unsubscribe = subscribe();
     return () => {
       unsubscribe();
     };
-  }, t3 = [subscribe], $[6] = subscribe, $[7] = t2, $[8] = t3) : (t2 = $[7], t3 = $[8]), useEffect(t2, t3);
+  }, t3 = [subscribe], $[5] = subscribe, $[6] = t2, $[7] = t3) : (t2 = $[6], t3 = $[7]), useEffect(t2, t3);
   let t4, t5;
-  $[9] !== slateEditor || $[10] !== editorActor || $[11] !== maxBlocks || $[12] !== patches$ || $[13] !== portableTextEditor || $[14] !== readOnly ? (t4 = () => {
+  $[8] !== slateEditor || $[9] !== editorActor || $[10] !== maxBlocks || $[11] !== portableTextEditor || $[12] !== readOnly ? (t4 = () => {
     debug$6("Re-initializing plugin chain"), withPlugins(slateEditor, {
       editorActor,
       maxBlocks,
-      patches$,
       portableTextEditor,
       readOnly
     });
-  }, t5 = [editorActor, portableTextEditor, maxBlocks, readOnly, patches$, slateEditor], $[9] = slateEditor, $[10] = editorActor, $[11] = maxBlocks, $[12] = patches$, $[13] = portableTextEditor, $[14] = readOnly, $[15] = t4, $[16] = t5) : (t4 = $[15], t5 = $[16]), useEffect(t4, t5);
+  }, t5 = [editorActor, portableTextEditor, maxBlocks, readOnly, slateEditor], $[8] = slateEditor, $[9] = editorActor, $[10] = maxBlocks, $[11] = portableTextEditor, $[12] = readOnly, $[13] = t4, $[14] = t5) : (t4 = $[13], t5 = $[14]), useEffect(t4, t5);
   let t6, t7;
-  $[17] !== slateEditor ? (t7 = slateEditor.pteCreateTextBlock({
+  $[15] !== slateEditor ? (t7 = slateEditor.pteCreateTextBlock({
     decorators: []
-  }), $[17] = slateEditor, $[18] = t7) : t7 = $[18];
+  }), $[15] = slateEditor, $[16] = t7) : t7 = $[16];
   let t8;
-  $[19] !== t7 ? (t8 = [t7], $[19] = t7, $[20] = t8) : t8 = $[20], t6 = t8;
+  $[17] !== t7 ? (t8 = [t7], $[17] = t7, $[18] = t8) : t8 = $[18], t6 = t8;
   const initialValue = t6;
   let t9, t10;
-  $[21] !== slateEditor ? (t9 = () => () => {
+  $[19] !== slateEditor ? (t9 = () => () => {
     debug$6("Destroying Slate editor"), slateEditor.destroy();
-  }, t10 = [slateEditor], $[21] = slateEditor, $[22] = t9, $[23] = t10) : (t9 = $[22], t10 = $[23]), useEffect(t9, t10);
+  }, t10 = [slateEditor], $[19] = slateEditor, $[20] = t9, $[21] = t10) : (t9 = $[20], t10 = $[21]), useEffect(t9, t10);
   let t11;
-  return $[24] !== slateEditor || $[25] !== initialValue || $[26] !== props.children ? (t11 = /* @__PURE__ */ jsx(Slate, { editor: slateEditor, initialValue, children: props.children }), $[24] = slateEditor, $[25] = initialValue, $[26] = props.children, $[27] = t11) : t11 = $[27], t11;
+  return $[22] !== slateEditor || $[23] !== initialValue || $[24] !== props.children ? (t11 = /* @__PURE__ */ jsx(Slate, { editor: slateEditor, initialValue, children: props.children }), $[22] = slateEditor, $[23] = initialValue, $[24] = props.children, $[25] = t11) : t11 = $[25], t11;
 }
 SlateContainer.displayName = "SlateContainer";
 const PortableTextEditorReadOnlyContext = createContext(!1), usePortableTextEditorReadOnlyStatus = () => {
@@ -4683,9 +4676,9 @@ function useSyncValue(props) {
           withoutPatching(slateEditor, () => {
             hadSelection && Transforms.deselect(slateEditor);
             const childrenLength = slateEditor.children.length;
-            slateEditor.children.forEach((_, index) => {
+            slateEditor.children.forEach((_, index2) => {
               Transforms.removeNodes(slateEditor, {
-                at: [childrenLength - 1 - index]
+                at: [childrenLength - 1 - index2]
               });
             }), Transforms.insertNodes(slateEditor, slateEditor.pteCreateTextBlock({
               decorators: []
@@ -4790,8 +4783,8 @@ function _updateBlock(slateEditor, currentBlock, oldBlock, currentBlockIndex) {
     at: [currentBlockIndex]
   }), slateEditor.isTextBlock(currentBlock) && slateEditor.isTextBlock(oldBlock)) {
     const oldBlockChildrenLength = oldBlock.children.length;
-    currentBlock.children.length < oldBlockChildrenLength && Array.from(Array(oldBlockChildrenLength - currentBlock.children.length)).forEach((_, index) => {
-      const childIndex = oldBlockChildrenLength - 1 - index;
+    currentBlock.children.length < oldBlockChildrenLength && Array.from(Array(oldBlockChildrenLength - currentBlock.children.length)).forEach((_, index2) => {
+      const childIndex = oldBlockChildrenLength - 1 - index2;
       childIndex > 0 && (debug$5("Removing child"), Transforms.removeNodes(slateEditor, {
         at: [currentBlockIndex, childIndex]
       }));
@@ -4834,20 +4827,28 @@ function _updateBlock(slateEditor, currentBlock, oldBlock, currentBlockIndex) {
 }
 const debug$4 = debugWithName("component:PortableTextEditor:Synchronizer"), debugVerbose$1 = debug$4.enabled && !1, FLUSH_PATCHES_THROTTLED_MS = process.env.NODE_ENV === "test" ? 500 : 1e3;
 function Synchronizer(props) {
-  const portableTextEditor = usePortableTextEditor(), readOnly = usePortableTextEditorReadOnlyStatus(), {
+  const $ = c(35), portableTextEditor = usePortableTextEditor(), readOnly = usePortableTextEditorReadOnlyStatus(), {
     editorActor,
     getValue,
     onChange,
     value
-  } = props, pendingPatches = useRef([]), syncValue = useSyncValue({
+  } = 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 = {
     editorActor,
     portableTextEditor,
     readOnly
-  }), slateEditor = useSlate();
-  useEffect(() => {
+  }, $[1] = editorActor, $[2] = portableTextEditor, $[3] = readOnly, $[4] = t1) : t1 = $[4];
+  const syncValue = useSyncValue(t1), slateEditor = useSlate();
+  let t2, t3;
+  $[5] !== slateEditor ? (t2 = () => {
     IS_PROCESSING_LOCAL_CHANGES.set(slateEditor, !1);
-  }, [slateEditor]);
-  const onFlushPendingPatches = useCallback(() => {
+  }, t3 = [slateEditor], $[5] = slateEditor, $[6] = t2, $[7] = t3) : (t2 = $[6], t3 = $[7]), useEffect(t2, t3);
+  let t4;
+  $[8] !== getValue || $[9] !== editorActor || $[10] !== slateEditor ? (t4 = () => {
     if (pendingPatches.current.length > 0) {
       debug$4("Flushing pending patches"), debugVerbose$1 && debug$4(`Patches:
 ${JSON.stringify(pendingPatches.current, null, 2)}`);
@@ -4859,61 +4860,68 @@ ${JSON.stringify(pendingPatches.current, null, 2)}`);
       }), pendingPatches.current = [];
     }
     IS_PROCESSING_LOCAL_CHANGES.set(slateEditor, !1);
-  }, [editorActor, slateEditor, getValue]), onFlushPendingPatchesThrottled = useMemo(() => throttle(() => {
-    if (Editor.isNormalizing(slateEditor)) {
-      onFlushPendingPatches();
-      return;
-    }
-    onFlushPendingPatchesThrottled();
-  }, FLUSH_PATCHES_THROTTLED_MS, {
-    leading: !1,
-    trailing: !0
-  }), [onFlushPendingPatches, slateEditor]);
-  useEffect(() => () => {
+  }, $[8] = getValue, $[9] = editorActor, $[10] = slateEditor, $[11] = t4) : t4 = $[11];
+  const onFlushPendingPatches = t4;
+  let t5, t6;
+  $[12] !== onFlushPendingPatches ? (t5 = () => () => {
     onFlushPendingPatches();
-  }, [onFlushPendingPatches]);
-  const handleChange = useEffectEvent((change) => onChange(change));
-  useEffect(() => {
+  }, 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] !== slateEditor || $[18] !== onFlushPendingPatches || $[19] !== editorActor || $[20] !== handleChange ? (t8 = () => {
+    const onFlushPendingPatchesThrottled = throttle(() => {
+      if (Editor.isNormalizing(slateEditor)) {
+        onFlushPendingPatches();
+        return;
+      }
+      onFlushPendingPatchesThrottled();
+    }, FLUSH_PATCHES_THROTTLED_MS, {
+      leading: !1,
+      trailing: !0
+    });
     debug$4("Subscribing to editor changes");
     const sub = editorActor.on("*", (event) => {
-      switch (event.type) {
-        case "patch":
+      bb18: switch (event.type) {
+        case "patch": {
           IS_PROCESSING_LOCAL_CHANGES.set(slateEditor, !0), pendingPatches.current.push(event.patch), onFlushPendingPatchesThrottled(), handleChange(event);
-          break;
+          break bb18;
+        }
         case "loading": {
           handleChange({
             type: "loading",
             isLoading: !0
           });
-          break;
+          break bb18;
         }
         case "done loading": {
           handleChange({
             type: "loading",
             isLoading: !1
           });
-          break;
+          break bb18;
         }
         case "offline": {
           handleChange({
             type: "connection",
             value: "offline"
           });
-          break;
+          break bb18;
         }
         case "online": {
           handleChange({
             type: "connection",
             value: "online"
           });
-          break;
+          break bb18;
         }
         case "value changed": {
           handleChange({
             type: "value",
             value: event.value
           });
-          break;
+          break bb18;
         }
         case "invalid value": {
           handleChange({
@@ -4921,15 +4929,17 @@ ${JSON.stringify(pendingPatches.current, null, 2)}`);
             resolution: event.resolution,
             value: event.value
           });
-          break;
+          break bb18;
         }
         case "error": {
           handleChange({
             ...event,
             level: "warning"
           });
-          break;
+          break bb18;
         }
+        case "patches":
+          break bb18;
         default:
           handleChange(event);
       }
@@ -4937,24 +4947,26 @@ ${JSON.stringify(pendingPatches.current, null, 2)}`);
     return () => {
       debug$4("Unsubscribing to changes"), sub.unsubscribe();
     };
-  }, [handleChange, editorActor, onFlushPendingPatchesThrottled, slateEditor]);
-  const handleOnline = useCallback(() => {
+  }, t9 = [editorActor, handleChange, onFlushPendingPatches, slateEditor], $[17] = slateEditor, $[18] = onFlushPendingPatches, $[19] = editorActor, $[20] = handleChange, $[21] = t8, $[22] = t9) : (t8 = $[21], t9 = $[22]), useEffect(t8, t9);
+  let t10;
+  $[23] !== syncValue || $[24] !== value ? (t10 = () => {
     debug$4("Editor is online, syncing from props.value"), syncValue(value);
-  }, [syncValue, value]);
-  useEffect(() => {
-    const subscription = editorActor.on("online", () => {
-      portableTextEditor.props.patches$ && handleOnline();
-    });
+  }, $[23] = syncValue, $[24] = value, $[25] = t10) : t10 = $[25];
+  const handleOnline = t10;
+  let t11, t12;
+  $[26] !== editorActor || $[27] !== handleOnline ? (t11 = () => {
+    const subscription = editorActor.on("online", handleOnline);
     return () => {
       subscription.unsubscribe();
     };
-  }, [handleOnline, editorActor, portableTextEditor.props.patches$]);
+  }, t12 = [handleOnline, editorActor], $[26] = editorActor, $[27] = handleOnline, $[28] = t11, $[29] = t12) : (t11 = $[28], t12 = $[29]), useEffect(t11, t12);
   const isInitialValueFromProps = useRef(!0);
-  return useEffect(() => {
+  let t13, t14;
+  return $[30] !== syncValue || $[31] !== value || $[32] !== editorActor ? (t13 = () => {
     debug$4("Value from props changed, syncing new value"), syncValue(value), isInitialValueFromProps.current && (editorActor.send({
       type: "ready"
     }), isInitialValueFromProps.current = !1);
-  }, [editorActor, syncValue, value]), null;
+  }, t14 = [editorActor, syncValue, value], $[30] = syncValue, $[31] = value, $[32] = editorActor, $[33] = t13, $[34] = t14) : (t13 = $[33], t14 = $[34]), useEffect(t13, t14), null;
 }
 Synchronizer.displayName = "Synchronizer";
 const EditorActorContext = createContext({}), insertBreakActionImplementation = ({
@@ -5269,7 +5281,137 @@ function performDefaultAction({
       });
   }
 }
-const networkLogic = fromCallback(({
+const breakingVoidBlock = {
+  on: "insert break",
+  guard: ({
+    context
+  }) => !!getFocusBlockObject(context),
+  actions: [() => [{
+    type: "insert text block",
+    decorators: []
+  }]]
+}, deletingEmptyTextBlockAfterBlockObject = {
+  on: "delete backward",
+  guard: ({
+    context
+  }) => {
+    const focusTextBlock = getFocusTextBlock(context), selectionCollapsed = selectionIsCollapsed(context), previousBlock = getPreviousBlock(context);
+    return !focusTextBlock || !selectionCollapsed || !previousBlock ? !1 : isEmptyTextBlock(focusTextBlock.node) && !isPortableTextTextBlock(previousBlock.node) ? {
+      focusTextBlock,
+      previousBlock
+    } : !1;
+  },
+  actions: [(_, {
+    focusTextBlock,
+    previousBlock
+  }) => [{
+    type: "delete",
+    selection: {
+      anchor: {
+        path: focusTextBlock.path,
+        offset: 0
+      },
+      focus: {
+        path: focusTextBlock.path,
+        offset: 0
+      }
+    }
+  }, {
+    type: "select",
+    selection: {
+      anchor: {
+        path: previousBlock.path,
+        offset: 0
+      },
+      focus: {
+        path: previousBlock.path,
+        offset: 0
+      }
+    }
+  }]]
+}, deletingEmptyTextBlockBeforeBlockObject = {
+  on: "delete forward",
+  guard: ({
+    context
+  }) => {
+    const focusTextBlock = getFocusTextBlock(context), selectionCollapsed = selectionIsCollapsed(context), nextBlock = getNextBlock(context);
+    return !focusTextBlock || !selectionCollapsed || !nextBlock ? !1 : isEmptyTextBlock(focusTextBlock.node) && !isPortableTextTextBlock(nextBlock.node) ? {
+      focusTextBlock,
+      nextBlock
+    } : !1;
+  },
+  actions: [(_, {
+    focusTextBlock,
+    nextBlock
+  }) => [{
+    type: "delete",
+    selection: {
+      anchor: {
+        path: focusTextBlock.path,
+        offset: 0
+      },
+      focus: {
+        path: focusTextBlock.path,
+        offset: 0
+      }
+    }
+  }, {
+    type: "select",
+    selection: {
+      anchor: {
+        path: nextBlock.path,
+        offset: 0
+      },
+      focus: {
+        path: nextBlock.path,
+        offset: 0
+      }
+    }
+  }]]
+}, coreBlockObjectBehaviors = [breakingVoidBlock, deletingEmptyTextBlockAfterBlockObject, deletingEmptyTextBlockBeforeBlockObject], clearListOnBackspace = {
+  on: "delete backward",
+  guard: ({
+    context
+  }) => {
+    const selectionCollapsed = selectionIsCollapsed(context), focusTextBlock = getFocusTextBlock(context), focusSpan = getFocusSpan(context);
+    return !selectionCollapsed || !focusTextBlock || !focusSpan ? !1 : focusTextBlock.node.children[0]._key === focusSpan.node._key && context.selection.focus.offset === 0 && focusTextBlock.node.level === 1 ? {
+      focusTextBlock
+    } : !1;
+  },
+  actions: [(_, {
+    focusTextBlock
+  }) => [{
+    type: "unset block",
+    props: ["listItem", "level"],
+    paths: [focusTextBlock.path]
+  }]]
+}, unindentListOnBackspace = {
+  on: "delete backward",
+  guard: ({
+    context
+  }) => {
+    const selectionCollapsed = selectionIsCollapsed(context), focusTextBlock = getFocusTextBlock(context), focusSpan = getFocusSpan(context);
+    return !selectionCollapsed || !focusTextBlock || !focusSpan ? !1 : focusTextBlock.node.children[0]._key === focusSpan.node._key && context.selection.focus.offset === 0 && focusTextBlock.node.level !== void 0 && focusTextBlock.node.level > 1 ? {
+      focusTextBlock,
+      level: focusTextBlock.node.level - 1
+    } : !1;
+  },
+  actions: [(_, {
+    focusTextBlock,
+    level
+  }) => [{
+    type: "set block",
+    level,
+    paths: [focusTextBlock.path]
+  }]]
+}, coreListBehaviors = [clearListOnBackspace, unindentListOnBackspace], softReturn = {
+  on: "insert soft break",
+  actions: [() => [{
+    type: "insert text",
+    text: `
+`
+  }]]
+}, coreBehaviors = [softReturn, ...coreBlockObjectBehaviors, ...coreListBehaviors], networkLogic = fromCallback(({
   sendBack
 }) => {
   const onlineHandler = () => {
@@ -5292,6 +5434,11 @@ const networkLogic = fromCallback(({
     input: {}
   },
   actions: {
+    "assign behaviors": assign({
+      behaviors: ({
+        event
+      }) => (assertEvent(event, "update behaviors"), [...coreBehaviors, ...event.behaviors])
+    }),
     "assign schema": assign({
       schema: ({
         event
@@ -5384,7 +5531,7 @@ const networkLogic = fromCallback(({
   context: ({
     input
   }) => ({
-    behaviors: input.behaviors,
+    behaviors: input.behaviors ? [...coreBehaviors, ...input.behaviors] : coreBehaviors,
     keyGenerator: input.keyGenerator,
     pendingEvents: [],
     schema: input.schema
@@ -5449,11 +5596,19 @@ const networkLogic = fromCallback(({
         type: "loading"
       })
     },
+    patches: {
+      actions: emit(({
+        event
+      }) => event)
+    },
     "done loading": {
       actions: emit({
         type: "done loading"
       })
     },
+    "update behaviors": {
+      actions: "assign behaviors"
+    },
     "update schema": {
       actions: "assign schema"
     },
@@ -5564,18 +5719,21 @@ class PortableTextEditor extends Component {
    * The editor API (currently implemented with Slate).
    */
   constructor(props) {
-    if (super(props), !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: {
-        behaviors: coreBehaviors,
-        keyGenerator: props.keyGenerator || defaultKeyGenerator,
-        schema: this.schemaTypes
-      }
-    }), this.editorActor.start();
+    if (super(props), props.editor)
+      this.editorActor = props.editor, 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 = props.editor ?? createActor(editorMachine, {
+        input: {
+          keyGenerator: props.keyGenerator || defaultKeyGenerator,
+          schema: this.schemaTypes
+        }
+      }), this.editorActor.start();
+    }
   }
   componentDidUpdate(prevProps) {
-    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.editorActor.send({
       type: "update schema",
       schema: this.schemaTypes
     })), this.props.editorRef !== prevProps.editorRef && this.props.editorRef && (this.props.editorRef.current = this);
@@ -5591,18 +5749,16 @@ class PortableTextEditor extends Component {
       return this.editable.getValue();
   };
   render() {
-    const {
-      value,
-      children,
-      patches$,
-      incomingPatches$
-    } = this.props, _patches$ = incomingPatches$ || patches$, maxBlocks = typeof this.props.maxBlocks > "u" ? void 0 : Number.parseInt(this.props.maxBlocks.toString(), 10) || void 0, readOnly = !!this.props.readOnly;
-    return /* @__PURE__ */ jsx(EditorActorContext.Provider, { value: this.editorActor, children: /* @__PURE__ */ jsx(SlateContainer, { editorActor: this.editorActor, maxBlocks, patches$: _patches$, portableTextEditor: this, readOnly, children: /* @__PURE__ */ jsx(PortableTextEditorContext.Provider, { value: this, children: /* @__PURE__ */ jsx(PortableTextEditorReadOnlyContext.Provider, { value: readOnly, children: /* @__PURE__ */ jsxs(PortableTextEditorSelectionProvider, { editorActor: this.editorActor, children: [
-      /* @__PURE__ */ jsx(Synchronizer, { editorActor: this.editorActor, getValue: this.getValue, onChange: (change) => {
-        this.props.onChange(change), this.change$.next(change);
-      }, value }),
-      children
-    ] }) }) }) }) });
+    const maxBlocks = this.props.editor || typeof this.props.maxBlocks > "u" ? void 0 : Number.parseInt(this.props.maxBlocks.toString(), 10) || void 0, readOnly = !!this.props.readOnly, 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(SlateContainer, { editorActor: this.editorActor, maxBlocks, portableTextEditor: this, readOnly, children: /* @__PURE__ */ jsx(PortableTextEditorContext.Provider, { value: this, children: /* @__PURE__ */ jsx(PortableTextEditorReadOnlyContext.Provider, { value: readOnly, 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);
+        }, value: this.props.value }),
+        this.props.children
+      ] }) }) }) }) })
+    ] });
   }
   // Static API methods
   static activeAnnotations = (editor) => editor && editor.editable ? editor.editable.activeAnnotations() : [];
@@ -5654,6 +5810,21 @@ class PortableTextEditor extends Component {
   };
   static isSelectionsOverlapping = (editor, selectionA, selectionB) => editor.editable?.isSelectionsOverlapping(selectionA, selectionB);
 }
+function RoutePatchesObservableToEditorActor(props) {
+  const $ = c(4);
+  let t0, t1;
+  return $[0] !== props.patches$ || $[1] !== props.editorActor ? (t0 = () => {
+    const subscription = props.patches$.subscribe((payload) => {
+      props.editorActor.send({
+        type: "patches",
+        ...payload
+      });
+    });
+    return () => {
+      subscription.unsubscribe();
+    };
+  }, t1 = [props.editorActor, props.patches$], $[0] = props.patches$, $[1] = props.editorActor, $[2] = t0, $[3] = t1) : (t0 = $[2], t1 = $[3]), useEffect(t0, t1), null;
+}
 const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (props) => {
   const {
     editorActor,
@@ -6043,11 +6214,334 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
   ) : null;
 });
 PortableTextEditable.displayName = "ForwardRef(PortableTextEditable)";
+var index = typeof document < "u" ? useLayoutEffect : useEffect, withSelector = { exports: {} }, withSelector_production_min = {}, shim = { exports: {} }, useSyncExternalStoreShim_production_min = {};
+/**
+ * @license React
+ * use-sync-external-store-shim.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var hasRequiredUseSyncExternalStoreShim_production_min;
+function requireUseSyncExternalStoreShim_production_min() {
+  if (hasRequiredUseSyncExternalStoreShim_production_min) return useSyncExternalStoreShim_production_min;
+  hasRequiredUseSyncExternalStoreShim_production_min = 1;
+  var e = require$$0;
+  function h(a, b) {
+    return a === b && (a !== 0 || 1 / a === 1 / b) || a !== a && b !== b;
+  }
+  var k = typeof Object.is == "function" ? Object.is : h, l = e.useState, m = e.useEffect, n = e.useLayoutEffect, p = e.useDebugValue;
+  function q(a, b) {
+    var d = b(), f = l({
+      inst: {
+        value: d,
+        getSnapshot: b
+      }
+    }), c2 = f[0].inst, g = f[1];
+    return n(function() {
+      c2.value = d, c2.getSnapshot = b, r(c2) && g({
+        inst: c2
+      });
+    }, [a, d, b]), m(function() {
+      return r(c2) && g({
+        inst: c2
+      }), a(function() {
+        r(c2) && g({
+          inst: c2
+        });
+      });
+    }, [a]), p(d), d;
+  }
+  function r(a) {
+    var b = a.getSnapshot;
+    a = a.value;
+    try {
+      var d = b();
+      return !k(a, d);
+    } catch {
+      return !0;
+    }
+  }
+  function t(a, b) {
+    return b();
+  }
+  var u = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? t : q;
+  return useSyncExternalStoreShim_production_min.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : u, useSyncExternalStoreShim_production_min;
+}
+var useSyncExternalStoreShim_development = {};
+/**
+ * @license React
+ * use-sync-external-store-shim.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var hasRequiredUseSyncExternalStoreShim_development;
+function requireUseSyncExternalStoreShim_development() {
+  return hasRequiredUseSyncExternalStoreShim_development || (hasRequiredUseSyncExternalStoreShim_development = 1, process.env.NODE_ENV !== "production" && function() {
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
+    var React = require$$0, ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function error(format) {
+      {
+        for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++)
+          args[_key2 - 1] = arguments[_key2];
+        printWarning("error", format, args);
+      }
+    }
+    function printWarning(level, format, args) {
+      {
+        var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame, stack = ReactDebugCurrentFrame.getStackAddendum();
+        stack !== "" && (format += "%s", args = args.concat([stack]));
+        var argsWithFormat = args.map(function(item) {
+          return String(item);
+        });
+        argsWithFormat.unshift("Warning: " + format), Function.prototype.apply.call(console[level], console, argsWithFormat);
+      }
+    }
+    function is(x, y) {
+      return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
+    }
+    var objectIs = typeof Object.is == "function" ? Object.is : is, useState2 = React.useState, useEffect2 = React.useEffect, useLayoutEffect2 = React.useLayoutEffect, useDebugValue = React.useDebugValue, didWarnOld18Alpha = !1, didWarnUncachedGetSnapshot = !1;
+    function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
+      didWarnOld18Alpha || React.startTransition !== void 0 && (didWarnOld18Alpha = !0, error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
+      var value = getSnapshot();
+      if (!didWarnUncachedGetSnapshot) {
+        var cachedValue = getSnapshot();
+        objectIs(value, cachedValue) || (error("The result of getSnapshot should be cached to avoid an infinite loop"), didWarnUncachedGetSnapshot = !0);
+      }
+      var _useState = useState2({
+        inst: {
+          value,
+          getSnapshot
+        }
+      }), inst = _useState[0].inst, forceUpdate = _useState[1];
+      return useLayoutEffect2(function() {
+        inst.value = value, inst.getSnapshot = getSnapshot, checkIfSnapshotChanged(inst) && forceUpdate({
+          inst
+        });
+      }, [subscribe, value, getSnapshot]), useEffect2(function() {
+        checkIfSnapshotChanged(inst) && forceUpdate({
+          inst
+        });
+        var handleStoreChange = function() {
+          checkIfSnapshotChanged(inst) && forceUpdate({
+            inst
+          });
+        };
+        return subscribe(handleStoreChange);
+      }, [subscribe]), useDebugValue(value), value;
+    }
+    function checkIfSnapshotChanged(inst) {
+      var latestGetSnapshot = inst.getSnapshot, prevValue = inst.value;
+      try {
+        var nextValue = latestGetSnapshot();
+        return !objectIs(prevValue, nextValue);
+      } catch {
+        return !0;
+      }
+    }
+    function useSyncExternalStore$1(subscribe, getSnapshot, getServerSnapshot) {
+      return getSnapshot();
+    }
+    var canUseDOM = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", isServerEnvironment = !canUseDOM, shim2 = isServerEnvironment ? useSyncExternalStore$1 : useSyncExternalStore, useSyncExternalStore$2 = React.useSyncExternalStore !== void 0 ? React.useSyncExternalStore : shim2;
+    useSyncExternalStoreShim_development.useSyncExternalStore = useSyncExternalStore$2, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+  }()), useSyncExternalStoreShim_development;
+}
+var hasRequiredShim;
+function requireShim() {
+  return hasRequiredShim || (hasRequiredShim = 1, process.env.NODE_ENV === "production" ? shim.exports = requireUseSyncExternalStoreShim_production_min() : shim.exports = requireUseSyncExternalStoreShim_development()), shim.exports;
+}
+/**
+ * @license React
+ * use-sync-external-store-shim/with-selector.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var hasRequiredWithSelector_production_min;
+function requireWithSelector_production_min() {
+  if (hasRequiredWithSelector_production_min) return withSelector_production_min;
+  hasRequiredWithSelector_production_min = 1;
+  var h = require$$0, n = requireShim();
+  function p(a, b) {
+    return a === b && (a !== 0 || 1 / a === 1 / b) || a !== a && b !== b;
+  }
+  var q = typeof Object.is == "function" ? Object.is : p, r = n.useSyncExternalStore, t = h.useRef, u = h.useEffect, v = h.useMemo, w = h.useDebugValue;
+  return withSelector_production_min.useSyncExternalStoreWithSelector = function(a, b, e, l, g) {
+    var c2 = t(null);
+    if (c2.current === null) {
+      var f = {
+        hasValue: !1,
+        value: null
+      };
+      c2.current = f;
+    } else f = c2.current;
+    c2 = v(function() {
+      function a2(a3) {
+        if (!c3) {
+          if (c3 = !0, d2 = a3, a3 = l(a3), g !== void 0 && f.hasValue) {
+            var b2 = f.value;
+            if (g(b2, a3)) return k = b2;
+          }
+          return k = a3;
+        }
+        if (b2 = k, q(d2, a3)) return b2;
+        var e2 = l(a3);
+        return g !== void 0 && g(b2, e2) ? b2 : (d2 = a3, k = e2);
+      }
+      var c3 = !1, d2, k, m = e === void 0 ? null : e;
+      return [function() {
+        return a2(b());
+      }, m === null ? void 0 : function() {
+        return a2(m());
+      }];
+    }, [b, e, l, g]);
+    var d = r(a, c2[0], c2[1]);
+    return u(function() {
+      f.hasValue = !0, f.value = d;
+    }, [d]), w(d), d;
+  }, withSelector_production_min;
+}
+var withSelector_development = {};
+/**
+ * @license React
+ * use-sync-external-store-shim/with-selector.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var hasRequiredWithSelector_development;
+function requireWithSelector_development() {
+  return hasRequiredWithSelector_development || (hasRequiredWithSelector_development = 1, process.env.NODE_ENV !== "production" && function() {
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
+    var React = require$$0, shim2 = requireShim();
+    function is(x, y) {
+      return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
+    }
+    var objectIs = typeof Object.is == "function" ? Object.is : is, useSyncExternalStore = shim2.useSyncExternalStore, useRef2 = React.useRef, useEffect2 = React.useEffect, useMemo2 = React.useMemo, useDebugValue = React.useDebugValue;
+    function useSyncExternalStoreWithSelector(subscribe, getSnapshot, getServerSnapshot, selector, isEqual2) {
+      var instRef = useRef2(null), inst;
+      instRef.current === null ? (inst = {
+        hasValue: !1,
+        value: null
+      }, instRef.current = inst) : inst = instRef.current;
+      var _useMemo = useMemo2(function() {
+        var hasMemo = !1, memoizedSnapshot, memoizedSelection, memoizedSelector = function(nextSnapshot) {
+          if (!hasMemo) {
+            hasMemo = !0, memoizedSnapshot = nextSnapshot;
+            var _nextSelection = selector(nextSnapshot);
+            if (isEqual2 !== void 0 && inst.hasValue) {
+              var currentSelection = inst.value;
+              if (isEqual2(currentSelection, _nextSelection))
+                return memoizedSelection = currentSelection, currentSelection;
+            }
+            return memoizedSelection = _nextSelection, _nextSelection;
+          }
+          var prevSnapshot = memoizedSnapshot, prevSelection = memoizedSelection;
+          if (objectIs(prevSnapshot, nextSnapshot))
+            return prevSelection;
+          var nextSelection = selector(nextSnapshot);
+          return isEqual2 !== void 0 && isEqual2(prevSelection, nextSelection) ? prevSelection : (memoizedSnapshot = nextSnapshot, memoizedSelection = nextSelection, nextSelection);
+        }, maybeGetServerSnapshot = getServerSnapshot === void 0 ? null : getServerSnapshot, getSnapshotWithSelector = function() {
+          return memoizedSelector(getSnapshot());
+        }, getServerSnapshotWithSelector = maybeGetServerSnapshot === null ? void 0 : function() {
+          return memoizedSelector(maybeGetServerSnapshot());
+        };
+        return [getSnapshotWithSelector, getServerSnapshotWithSelector];
+      }, [getSnapshot, getServerSnapshot, selector, isEqual2]), getSelection = _useMemo[0], getServerSelection = _useMemo[1], value = useSyncExternalStore(subscribe, getSelection, getServerSelection);
+      return useEffect2(function() {
+        inst.hasValue = !0, inst.value = value;
+      }, [value]), useDebugValue(value), value;
+    }
+    withSelector_development.useSyncExternalStoreWithSelector = useSyncExternalStoreWithSelector, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+  }()), withSelector_development;
+}
+var hasRequiredWithSelector;
+function requireWithSelector() {
+  return hasRequiredWithSelector || (hasRequiredWithSelector = 1, process.env.NODE_ENV === "production" ? withSelector.exports = requireWithSelector_production_min() : withSelector.exports = requireWithSelector_development()), withSelector.exports;
+}
+requireWithSelector();
+requireShim();
+const forEachActor = (actorRef, callback) => {
+  callback(actorRef);
+  const children = actorRef.getSnapshot().children;
+  children && Object.values(children).forEach((child) => {
+    forEachActor(child, callback);
+  });
+};
+function stopRootWithRehydration(actorRef) {
+  const persistedSnapshots = [];
+  forEachActor(actorRef, (ref) => {
+    persistedSnapshots.push([ref, ref.getSnapshot()]), ref.observers = /* @__PURE__ */ new Set();
+  });
+  const systemSnapshot = actorRef.system.getSnapshot?.();
+  actorRef.stop(), actorRef.system._snapshot = systemSnapshot, persistedSnapshots.forEach(([ref, snapshot]) => {
+    ref._processingStatus = 0, ref._snapshot = snapshot;
+  });
+}
+function useIdleActorRef(logic, ...[options]) {
+  let [[currentConfig, actorRef], setCurrent] = useState(() => {
+    const actorRef2 = createActor(logic, options);
+    return [logic.config, actorRef2];
+  });
+  if (logic.config !== currentConfig) {
+    const newActorRef = createActor(logic, {
+      ...options,
+      snapshot: actorRef.getPersistedSnapshot({
+        __unsafeAllowInlineActors: !0
+      })
+    });
+    setCurrent([logic.config, newActorRef]), actorRef = newActorRef;
+  }
+  return index(() => {
+    actorRef.logic.implementations = logic.implementations;
+  }), actorRef;
+}
+function useActorRef(machine, ...[options, observerOrListener]) {
+  const actorRef = useIdleActorRef(machine, options);
+  return useEffect(() => {
+    if (!observerOrListener)
+      return;
+    let sub = actorRef.subscribe(toObserver(observerOrListener));
+    return () => {
+      sub.unsubscribe();
+    };
+  }, [observerOrListener]), useEffect(() => (actorRef.start(), () => {
+    stopRootWithRehydration(actorRef);
+  }), [actorRef]), actorRef;
+}
+function useEditor(config) {
+  const $ = c(8);
+  let t0;
+  $[0] !== config.schema ? (t0 = config.schema.hasOwnProperty("jsonType") ? config.schema : compileType(config.schema), $[0] = config.schema, $[1] = t0) : t0 = $[1];
+  let t1;
+  $[2] !== t0 ? (t1 = getPortableTextMemberSchemaTypes(t0), $[2] = t0, $[3] = t1) : t1 = $[3];
+  const schema = t1, t2 = config.keyGenerator ?? defaultKeyGenerator;
+  let t3;
+  return $[4] !== config.behaviors || $[5] !== t2 || $[6] !== schema ? (t3 = {
+    input: {
+      behaviors: config.behaviors,
+      keyGenerator: t2,
+      schema
+    }
+  }, $[4] = config.behaviors, $[5] = t2, $[6] = schema, $[7] = t3) : t3 = $[7], useActorRef(editorMachine, t3);
+}
 export {
   PortableTextEditable,
   PortableTextEditor,
+  createMarkdownBehaviors,
+  defineBehavior,
   editorMachine,
   defaultKeyGenerator as keyGenerator,
+  useEditor,
   usePortableTextEditor,
   usePortableTextEditorSelection
 };