@portabletext/editor 1.4.0 → 1.5.0

package/lib/index.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: !0 });
-var types = require("@sanity/types"), jsxRuntime = require("react/jsx-runtime"), isEqual = require("lodash/isEqual.js"), noop = require("lodash/noop.js"), require$$0 = require("react"), slate = require("slate"), slateReact = require("slate-react"), debug$m = require("debug"), reactCompilerRuntime = require("react-compiler-runtime"), styledComponents = require("styled-components"), uniq = require("lodash/uniq.js"), rxjs = require("rxjs"), xstate = require("xstate"), schema = require("@sanity/schema"), patches = require("@portabletext/patches"), get = require("lodash/get.js"), isUndefined = require("lodash/isUndefined.js"), omitBy = require("lodash/omitBy.js"), flatten = require("lodash/flatten.js"), isHotkeyEsm = require("is-hotkey-esm"), blockTools = require("@sanity/block-tools"), isPlainObject = require("lodash/isPlainObject.js"), throttle = require("lodash/throttle.js"), useEffectEvent = require("use-effect-event"), debounce = require("lodash/debounce.js"), content = require("@sanity/util/content");
+var types = require("@sanity/types"), schema = require("@sanity/schema"), startCase = require("lodash.startcase"), jsxRuntime = require("react/jsx-runtime"), isEqual = require("lodash/isEqual.js"), noop = require("lodash/noop.js"), react = require("react"), slate = require("slate"), slateReact = require("slate-react"), debug$m = require("debug"), reactCompilerRuntime = require("react-compiler-runtime"), styledComponents = require("styled-components"), uniq = require("lodash/uniq.js"), rxjs = require("rxjs"), xstate = require("xstate"), patches = require("@portabletext/patches"), get = require("lodash/get.js"), isUndefined = require("lodash/isUndefined.js"), omitBy = require("lodash/omitBy.js"), flatten = require("lodash/flatten.js"), isHotkeyEsm = require("is-hotkey-esm"), blockTools = require("@sanity/block-tools"), isPlainObject = require("lodash/isPlainObject.js"), throttle = require("lodash/throttle.js"), useEffectEvent = require("use-effect-event"), debounce = require("lodash/debounce.js"), content = require("@sanity/util/content"), react$1 = require("@xstate/react");
 function _interopDefaultCompat(e) {
   return e && typeof e == "object" && "default" in e ? e : { default: e };
 }
-var isEqual__default = /* @__PURE__ */ _interopDefaultCompat(isEqual), noop__default = /* @__PURE__ */ _interopDefaultCompat(noop), require$$0__default = /* @__PURE__ */ _interopDefaultCompat(require$$0), debug__default = /* @__PURE__ */ _interopDefaultCompat(debug$m), uniq__default = /* @__PURE__ */ _interopDefaultCompat(uniq), get__default = /* @__PURE__ */ _interopDefaultCompat(get), isUndefined__default = /* @__PURE__ */ _interopDefaultCompat(isUndefined), omitBy__default = /* @__PURE__ */ _interopDefaultCompat(omitBy), flatten__default = /* @__PURE__ */ _interopDefaultCompat(flatten), isPlainObject__default = /* @__PURE__ */ _interopDefaultCompat(isPlainObject), throttle__default = /* @__PURE__ */ _interopDefaultCompat(throttle), debounce__default = /* @__PURE__ */ _interopDefaultCompat(debounce);
+var startCase__default = /* @__PURE__ */ _interopDefaultCompat(startCase), isEqual__default = /* @__PURE__ */ _interopDefaultCompat(isEqual), noop__default = /* @__PURE__ */ _interopDefaultCompat(noop), debug__default = /* @__PURE__ */ _interopDefaultCompat(debug$m), uniq__default = /* @__PURE__ */ _interopDefaultCompat(uniq), get__default = /* @__PURE__ */ _interopDefaultCompat(get), isUndefined__default = /* @__PURE__ */ _interopDefaultCompat(isUndefined), omitBy__default = /* @__PURE__ */ _interopDefaultCompat(omitBy), flatten__default = /* @__PURE__ */ _interopDefaultCompat(flatten), isPlainObject__default = /* @__PURE__ */ _interopDefaultCompat(isPlainObject), throttle__default = /* @__PURE__ */ _interopDefaultCompat(throttle), debounce__default = /* @__PURE__ */ _interopDefaultCompat(debounce);
 function defineBehavior(behavior) {
   return behavior;
 }
@@ -245,6 +245,114 @@ function createMarkdownBehaviors(config) {
   };
   return [automaticStyleOnSpace, clearStyleOnBackspace, automaticListOnSpace];
 }
+function getPortableTextMemberSchemaTypes(portableTextType) {
+  if (!portableTextType)
+    throw new Error("Parameter 'portabletextType' missing (required)");
+  const blockType = portableTextType.of?.find(findBlockType);
+  if (!blockType)
+    throw new Error("Block type is not defined in this schema (required)");
+  const childrenField = blockType.fields?.find((field) => field.name === "children");
+  if (!childrenField)
+    throw new Error("Children field for block type found in schema (required)");
+  const ofType = childrenField.type.of;
+  if (!ofType)
+    throw new Error("Valid types for block children not found in schema (required)");
+  const spanType = ofType.find((memberType) => memberType.name === "span");
+  if (!spanType)
+    throw new Error("Span type not found in schema (required)");
+  const inlineObjectTypes = ofType.filter((memberType) => memberType.name !== "span") || [], blockObjectTypes = portableTextType.of?.filter((field) => field.name !== blockType.name) || [];
+  return {
+    styles: resolveEnabledStyles(blockType),
+    decorators: resolveEnabledDecorators(spanType),
+    lists: resolveEnabledListItems(blockType),
+    block: blockType,
+    span: spanType,
+    portableText: portableTextType,
+    inlineObjects: inlineObjectTypes,
+    blockObjects: blockObjectTypes,
+    annotations: spanType.annotations
+  };
+}
+function resolveEnabledStyles(blockType) {
+  const styleField = blockType.fields?.find((btField) => btField.name === "style");
+  if (!styleField)
+    throw new Error("A field with name 'style' is not defined in the block type (required).");
+  const textStyles = styleField.type.options?.list && styleField.type.options.list?.filter((style) => style.value);
+  if (!textStyles || textStyles.length === 0)
+    throw new Error("The style fields need at least one style defined. I.e: {title: 'Normal', value: 'normal'}.");
+  return textStyles;
+}
+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 defineSchema(definition) {
+  return definition;
+}
+function compileSchemaDefinition(definition) {
+  const blockObjects = definition?.blockObjects?.map((blockObject) => types.defineType({
+    type: "object",
+    name: blockObject.name,
+    title: blockObject.title,
+    icon: blockObject.icon,
+    fields: []
+  })) ?? [], inlineObjects = definition?.inlineObjects?.map((inlineObject) => types.defineType({
+    type: "object",
+    name: inlineObject.name,
+    title: inlineObject.title,
+    icon: inlineObject.icon,
+    fields: []
+  })) ?? [], portableTextSchema = types.defineField({
+    type: "array",
+    name: "portable-text",
+    of: [...blockObjects.map((blockObject) => ({
+      type: blockObject.name
+    })), {
+      type: "block",
+      name: "block",
+      of: inlineObjects.map((inlineObject) => ({
+        type: inlineObject.name
+      })),
+      marks: {
+        decorators: definition?.decorators?.map((decorator) => ({
+          title: decorator.title ?? startCase__default.default(decorator.name),
+          value: decorator.name,
+          icon: decorator.icon
+        })) ?? [],
+        annotations: definition?.annotations?.map((annotation) => ({
+          name: annotation.name,
+          type: "object",
+          title: annotation.title,
+          icon: annotation.icon
+        })) ?? []
+      },
+      lists: definition?.lists?.map((list) => ({
+        value: list.name,
+        title: list.title ?? startCase__default.default(list.name),
+        icon: list.icon
+      })) ?? [],
+      styles: definition?.styles?.map((style) => ({
+        value: style.name,
+        title: style.title ?? startCase__default.default(style.name),
+        icon: style.icon
+      })) ?? []
+    }]
+  }), schema$1 = schema.Schema.compile({
+    types: [portableTextSchema, ...blockObjects, ...inlineObjects]
+  }).get("portable-text");
+  return getPortableTextMemberSchemaTypes(schema$1);
+}
 const rootName = "sanity-pte:";
 debug__default.default(rootName);
 function debugWithName(name) {
@@ -654,15 +762,15 @@ const debug$l = debugWithName("components:DraggableBlock"), DraggableBlock = (t0
     element,
     readOnly,
     blockRef
-  } = t0, editor = slateReact.useSlateStatic(), dragGhostRef = require$$0.useRef(), [isDragOver, setIsDragOver] = require$$0.useState(!1);
+  } = t0, editor = slateReact.useSlateStatic(), dragGhostRef = react.useRef(), [isDragOver, setIsDragOver] = react.useState(!1);
   let t1, t2;
   $[0] !== editor || $[1] !== element ? (t2 = slate.Editor.isVoid(editor, element), $[0] = editor, $[1] = element, $[2] = t2) : t2 = $[2], t1 = t2;
   const isVoid = t1;
   let t3, t4;
   $[3] !== editor || $[4] !== element ? (t4 = slate.Editor.isInline(editor, element), $[3] = editor, $[4] = element, $[5] = t4) : t4 = $[5], t3 = t4;
-  const isInline = t3, [blockElement, setBlockElement] = require$$0.useState(null);
+  const isInline = t3, [blockElement, setBlockElement] = react.useState(null);
   let t5, t6;
-  $[6] !== blockRef || $[7] !== editor || $[8] !== element ? (t5 = () => setBlockElement(blockRef ? blockRef.current : slateReact.ReactEditor.toDOMNode(editor, element)), t6 = [editor, element, blockRef], $[6] = blockRef, $[7] = editor, $[8] = element, $[9] = t5, $[10] = t6) : (t5 = $[9], t6 = $[10]), require$$0.useEffect(t5, t6);
+  $[6] !== blockRef || $[7] !== editor || $[8] !== element ? (t5 = () => setBlockElement(blockRef ? blockRef.current : slateReact.ReactEditor.toDOMNode(editor, element)), t6 = [editor, element, blockRef], $[6] = blockRef, $[7] = editor, $[8] = element, $[9] = t5, $[10] = t6) : (t5 = $[9], t6 = $[10]), react.useEffect(t5, t6);
   let t7;
   $[11] !== editor || $[12] !== blockElement || $[13] !== element ? (t7 = (event) => {
     const isMyDragOver = IS_DRAGGING_BLOCK_ELEMENT.get(editor);
@@ -793,9 +901,9 @@ const EMPTY_ANNOTATIONS = [], inlineBlockStyle = {
   renderStyle,
   spellCheck
 }) => {
-  const editor = slateReact.useSlateStatic(), selected = slateReact.useSelected(), blockRef = require$$0.useRef(null), inlineBlockObjectRef = require$$0.useRef(null), focused = selected && editor.selection && slate.Range.isCollapsed(editor.selection) || !1, value = require$$0.useMemo(() => fromSlateValue([element], schemaTypes.block.name, KEY_TO_VALUE_ELEMENT.get(editor))[0], [editor, element, schemaTypes.block.name]);
+  const editor = slateReact.useSlateStatic(), selected = slateReact.useSelected(), blockRef = react.useRef(null), inlineBlockObjectRef = react.useRef(null), focused = selected && editor.selection && slate.Range.isCollapsed(editor.selection) || !1, value = react.useMemo(() => fromSlateValue([element], schemaTypes.block.name, KEY_TO_VALUE_ELEMENT.get(editor))[0], [editor, element, schemaTypes.block.name]);
   let renderedBlock = children, className;
-  const blockPath = require$$0.useMemo(() => [{
+  const blockPath = react.useMemo(() => [{
     _key: element._key
   }], [element]);
   if (typeof element._type != "string")
@@ -916,8 +1024,8 @@ const EMPTY_ANNOTATIONS = [], inlineBlockStyle = {
   ] }, element._key);
 };
 Element.displayName = "Element";
-const PortableTextEditorContext = require$$0.createContext(null), usePortableTextEditor = () => {
-  const editor = require$$0.useContext(PortableTextEditorContext);
+const PortableTextEditorContext = react.createContext(null), usePortableTextEditor = () => {
+  const editor = react.useContext(PortableTextEditorContext);
   if (!editor)
     throw new Error("The `usePortableTextEditor` hook must be used inside the <PortableTextEditor> component's context.");
   return editor;
@@ -935,58 +1043,6 @@ function DefaultAnnotation(props) {
   return $[3] !== handleClick || $[4] !== props.children ? (t2 = /* @__PURE__ */ jsxRuntime.jsx("span", { style: t1, onClick: handleClick, children: props.children }), $[3] = handleClick, $[4] = props.children, $[5] = t2) : t2 = $[5], t2;
 }
 DefaultAnnotation.displayName = "DefaultAnnotation";
-function getPortableTextMemberSchemaTypes(portableTextType) {
-  if (!portableTextType)
-    throw new Error("Parameter 'portabletextType' missing (required)");
-  const blockType = portableTextType.of?.find(findBlockType);
-  if (!blockType)
-    throw new Error("Block type is not defined in this schema (required)");
-  const childrenField = blockType.fields?.find((field) => field.name === "children");
-  if (!childrenField)
-    throw new Error("Children field for block type found in schema (required)");
-  const ofType = childrenField.type.of;
-  if (!ofType)
-    throw new Error("Valid types for block children not found in schema (required)");
-  const spanType = ofType.find((memberType) => memberType.name === "span");
-  if (!spanType)
-    throw new Error("Span type not found in schema (required)");
-  const inlineObjectTypes = ofType.filter((memberType) => memberType.name !== "span") || [], blockObjectTypes = portableTextType.of?.filter((field) => field.name !== blockType.name) || [];
-  return {
-    styles: resolveEnabledStyles(blockType),
-    decorators: resolveEnabledDecorators(spanType),
-    lists: resolveEnabledListItems(blockType),
-    block: blockType,
-    span: spanType,
-    portableText: portableTextType,
-    inlineObjects: inlineObjectTypes,
-    blockObjects: blockObjectTypes,
-    annotations: spanType.annotations
-  };
-}
-function resolveEnabledStyles(blockType) {
-  const styleField = blockType.fields?.find((btField) => btField.name === "style");
-  if (!styleField)
-    throw new Error("A field with name 'style' is not defined in the block type (required).");
-  const textStyles = styleField.type.options?.list && styleField.type.options.list?.filter((style) => style.value);
-  if (!textStyles || textStyles.length === 0)
-    throw new Error("The style fields need at least one style defined. I.e: {title: 'Normal', value: 'normal'}.");
-  return textStyles;
-}
-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.Schema.compile({
     name: "blockTypeSchema",
@@ -2680,9 +2736,9 @@ function debugState(editor, stateName) {
 }
 function findBlockFromPath(editor, path) {
   let blockIndex = -1;
-  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;
+  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;
   });
   return block ? {
     block,
@@ -2702,9 +2758,9 @@ function findBlockAndChildFromPath(editor, path) {
       childPath: void 0
     };
   let childIndex = -1;
-  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;
+  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;
   });
   return child ? {
     block,
@@ -2901,9 +2957,9 @@ function transformOperation(editor, patch, operation, snapshot, previousSnapshot
       const {
         diffs
       } = diffPatch;
-      if (diffs.forEach((diff2, index2) => {
+      if (diffs.forEach((diff2, index) => {
         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(index2).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(index).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
@@ -3997,10 +4053,10 @@ function validateValue(value, types$1, keyGenerator) {
       }
     },
     value
-  } : (value.some((blk, index2) => {
+  } : (value.some((blk, index) => {
     if (!isPlainObject__default.default(blk))
       return resolution = {
-        patches: [patches.unset([index2])],
+        patches: [patches.unset([index])],
         description: `Block must be an object, got ${String(blk)}`,
         action: "Unset invalid item",
         item: blk,
@@ -4008,7 +4064,7 @@ function validateValue(value, types$1, keyGenerator) {
           description: "inputs.portable-text.invalid-value.not-an-object.description",
           action: "inputs.portable-text.invalid-value.not-an-object.action",
           values: {
-            index: index2
+            index
           }
         }
       }, !0;
@@ -4017,15 +4073,15 @@ function validateValue(value, types$1, keyGenerator) {
         patches: [patches.set({
           ...blk,
           _key: keyGenerator()
-        }, [index2])],
-        description: `Block at index ${index2} is missing required _key.`,
+        }, [index])],
+        description: `Block at index ${index} 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: index2
+            index
           }
         }
       }, !0;
@@ -4582,14 +4638,14 @@ function SlateContainer(props) {
     });
     return KEY_TO_VALUE_ELEMENT.set(editor, {}), KEY_TO_SLATE_ELEMENT.set(editor, {}), [editor, _sub];
   }, $[0] = editorActor, $[1] = maxBlocks, $[2] = portableTextEditor, $[3] = readOnly, $[4] = t0) : t0 = $[4];
-  const [t1] = require$$0.useState(t0), [slateEditor, subscribe] = t1;
+  const [t1] = react.useState(t0), [slateEditor, subscribe] = t1;
   let t2, t3;
   $[5] !== subscribe ? (t2 = () => {
     const unsubscribe = subscribe();
     return () => {
       unsubscribe();
     };
-  }, t3 = [subscribe], $[5] = subscribe, $[6] = t2, $[7] = t3) : (t2 = $[6], t3 = $[7]), require$$0.useEffect(t2, t3);
+  }, t3 = [subscribe], $[5] = subscribe, $[6] = t2, $[7] = t3) : (t2 = $[6], t3 = $[7]), react.useEffect(t2, t3);
   let t4, t5;
   $[8] !== slateEditor || $[9] !== editorActor || $[10] !== maxBlocks || $[11] !== portableTextEditor || $[12] !== readOnly ? (t4 = () => {
     debug$6("Re-initializing plugin chain"), withPlugins(slateEditor, {
@@ -4598,7 +4654,7 @@ function SlateContainer(props) {
       portableTextEditor,
       readOnly
     });
-  }, t5 = [editorActor, portableTextEditor, maxBlocks, readOnly, slateEditor], $[8] = slateEditor, $[9] = editorActor, $[10] = maxBlocks, $[11] = portableTextEditor, $[12] = readOnly, $[13] = t4, $[14] = t5) : (t4 = $[13], t5 = $[14]), require$$0.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]), react.useEffect(t4, t5);
   let t6, t7;
   $[15] !== slateEditor ? (t7 = slateEditor.pteCreateTextBlock({
     decorators: []
@@ -4609,13 +4665,13 @@ function SlateContainer(props) {
   let t9, t10;
   $[19] !== slateEditor ? (t9 = () => () => {
     debug$6("Destroying Slate editor"), slateEditor.destroy();
-  }, t10 = [slateEditor], $[19] = slateEditor, $[20] = t9, $[21] = t10) : (t9 = $[20], t10 = $[21]), require$$0.useEffect(t9, t10);
+  }, t10 = [slateEditor], $[19] = slateEditor, $[20] = t9, $[21] = t10) : (t9 = $[20], t10 = $[21]), react.useEffect(t9, t10);
   let t11;
   return $[22] !== slateEditor || $[23] !== initialValue || $[24] !== props.children ? (t11 = /* @__PURE__ */ jsxRuntime.jsx(slateReact.Slate, { editor: slateEditor, initialValue, children: props.children }), $[22] = slateEditor, $[23] = initialValue, $[24] = props.children, $[25] = t11) : t11 = $[25], t11;
 }
 SlateContainer.displayName = "SlateContainer";
-const PortableTextEditorReadOnlyContext = require$$0.createContext(!1), usePortableTextEditorReadOnlyStatus = () => {
-  const readOnly = require$$0.useContext(PortableTextEditorReadOnlyContext);
+const PortableTextEditorReadOnlyContext = react.createContext(!1), usePortableTextEditorReadOnlyStatus = () => {
+  const readOnly = react.useContext(PortableTextEditorReadOnlyContext);
   if (readOnly === void 0)
     throw new Error("The `usePortableTextEditorReadOnly` hook must be used inside the <PortableTextEditor> component's context.");
   return readOnly;
@@ -4625,18 +4681,18 @@ function useSyncValue(props) {
     editorActor,
     portableTextEditor,
     readOnly
-  } = props, schemaTypes = editorActor.getSnapshot().context.schema, previousValue = require$$0.useRef(), slateEditor = slateReact.useSlate(), updateValueFunctionRef = require$$0.useRef(), updateFromCurrentValue = require$$0.useCallback(() => {
+  } = props, schemaTypes = editorActor.getSnapshot().context.schema, previousValue = react.useRef(), slateEditor = slateReact.useSlate(), updateValueFunctionRef = react.useRef(), updateFromCurrentValue = react.useCallback(() => {
     const currentValue = CURRENT_VALUE.get(portableTextEditor);
     if (previousValue.current === currentValue) {
       debug$5("Value is the same object as previous, not need to sync");
       return;
     }
     updateValueFunctionRef.current && currentValue && (debug$5("Updating the value debounced"), updateValueFunctionRef.current(currentValue));
-  }, [portableTextEditor]), updateValueDebounced = require$$0.useMemo(() => debounce__default.default(updateFromCurrentValue, 1e3, {
+  }, [portableTextEditor]), updateValueDebounced = react.useMemo(() => debounce__default.default(updateFromCurrentValue, 1e3, {
     trailing: !0,
     leading: !1
   }), [updateFromCurrentValue]);
-  return require$$0.useMemo(() => {
+  return react.useMemo(() => {
     const updateFunction = (value) => {
       CURRENT_VALUE.set(portableTextEditor, value);
       const isProcessingLocalChanges = isChangingLocally(slateEditor), isProcessingRemoteChanges = isChangingRemotely(slateEditor);
@@ -4657,9 +4713,9 @@ function useSyncValue(props) {
           withoutPatching(slateEditor, () => {
             hadSelection && slate.Transforms.deselect(slateEditor);
             const childrenLength = slateEditor.children.length;
-            slateEditor.children.forEach((_, index2) => {
+            slateEditor.children.forEach((_, index) => {
               slate.Transforms.removeNodes(slateEditor, {
-                at: [childrenLength - 1 - index2]
+                at: [childrenLength - 1 - index]
               });
             }), slate.Transforms.insertNodes(slateEditor, slateEditor.pteCreateTextBlock({
               decorators: []
@@ -4764,8 +4820,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((_, index2) => {
-      const childIndex = oldBlockChildrenLength - 1 - index2;
+    currentBlock.children.length < oldBlockChildrenLength && Array.from(Array(oldBlockChildrenLength - currentBlock.children.length)).forEach((_, index) => {
+      const childIndex = oldBlockChildrenLength - 1 - index;
       childIndex > 0 && (debug$5("Removing child"), slate.Transforms.removeNodes(slateEditor, {
         at: [currentBlockIndex, childIndex]
       }));
@@ -4816,7 +4872,7 @@ function Synchronizer(props) {
   } = props;
   let t0;
   $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = [], $[0] = t0) : t0 = $[0];
-  const pendingPatches = require$$0.useRef(t0);
+  const pendingPatches = react.useRef(t0);
   let t1;
   $[1] !== editorActor || $[2] !== portableTextEditor || $[3] !== readOnly ? (t1 = {
     editorActor,
@@ -4827,7 +4883,7 @@ function Synchronizer(props) {
   let t2, t3;
   $[5] !== slateEditor ? (t2 = () => {
     IS_PROCESSING_LOCAL_CHANGES.set(slateEditor, !1);
-  }, t3 = [slateEditor], $[5] = slateEditor, $[6] = t2, $[7] = t3) : (t2 = $[6], t3 = $[7]), require$$0.useEffect(t2, t3);
+  }, t3 = [slateEditor], $[5] = slateEditor, $[6] = t2, $[7] = t3) : (t2 = $[6], t3 = $[7]), react.useEffect(t2, t3);
   let t4;
   $[8] !== getValue || $[9] !== editorActor || $[10] !== slateEditor ? (t4 = () => {
     if (pendingPatches.current.length > 0) {
@@ -4846,7 +4902,7 @@ ${JSON.stringify(pendingPatches.current, null, 2)}`);
   let t5, t6;
   $[12] !== onFlushPendingPatches ? (t5 = () => () => {
     onFlushPendingPatches();
-  }, t6 = [onFlushPendingPatches], $[12] = onFlushPendingPatches, $[13] = t5, $[14] = t6) : (t5 = $[13], t6 = $[14]), require$$0.useEffect(t5, t6);
+  }, t6 = [onFlushPendingPatches], $[12] = onFlushPendingPatches, $[13] = t5, $[14] = t6) : (t5 = $[13], t6 = $[14]), react.useEffect(t5, t6);
   let t7;
   $[15] !== onChange ? (t7 = (change) => onChange(change), $[15] = onChange, $[16] = t7) : t7 = $[16];
   const handleChange = useEffectEvent.useEffectEvent(t7);
@@ -4928,7 +4984,7 @@ ${JSON.stringify(pendingPatches.current, null, 2)}`);
     return () => {
       debug$4("Unsubscribing to changes"), sub.unsubscribe();
     };
-  }, t9 = [editorActor, handleChange, onFlushPendingPatches, slateEditor], $[17] = slateEditor, $[18] = onFlushPendingPatches, $[19] = editorActor, $[20] = handleChange, $[21] = t8, $[22] = t9) : (t8 = $[21], t9 = $[22]), require$$0.useEffect(t8, t9);
+  }, t9 = [editorActor, handleChange, onFlushPendingPatches, slateEditor], $[17] = slateEditor, $[18] = onFlushPendingPatches, $[19] = editorActor, $[20] = handleChange, $[21] = t8, $[22] = t9) : (t8 = $[21], t9 = $[22]), react.useEffect(t8, t9);
   let t10;
   $[23] !== syncValue || $[24] !== value ? (t10 = () => {
     debug$4("Editor is online, syncing from props.value"), syncValue(value);
@@ -4940,17 +4996,17 @@ ${JSON.stringify(pendingPatches.current, null, 2)}`);
     return () => {
       subscription.unsubscribe();
     };
-  }, t12 = [handleOnline, editorActor], $[26] = editorActor, $[27] = handleOnline, $[28] = t11, $[29] = t12) : (t11 = $[28], t12 = $[29]), require$$0.useEffect(t11, t12);
-  const isInitialValueFromProps = require$$0.useRef(!0);
+  }, t12 = [handleOnline, editorActor], $[26] = editorActor, $[27] = handleOnline, $[28] = t11, $[29] = t12) : (t11 = $[28], t12 = $[29]), react.useEffect(t11, t12);
+  const isInitialValueFromProps = react.useRef(!0);
   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);
-  }, t14 = [editorActor, syncValue, value], $[30] = syncValue, $[31] = value, $[32] = editorActor, $[33] = t13, $[34] = t14) : (t13 = $[33], t14 = $[34]), require$$0.useEffect(t13, t14), null;
+  }, t14 = [editorActor, syncValue, value], $[30] = syncValue, $[31] = value, $[32] = editorActor, $[33] = t13, $[34] = t14) : (t13 = $[33], t14 = $[34]), react.useEffect(t13, t14), null;
 }
 Synchronizer.displayName = "Synchronizer";
-const EditorActorContext = require$$0.createContext({}), insertBreakActionImplementation = ({
+const EditorActorContext = react.createContext({}), insertBreakActionImplementation = ({
   context,
   action
 }) => {
@@ -5663,31 +5719,31 @@ const breakingVoidBlock = {
       }
     }
   }
-}), PortableTextEditorSelectionContext = require$$0.createContext(null), usePortableTextEditorSelection = () => {
-  const selection = require$$0.useContext(PortableTextEditorSelectionContext);
+}), PortableTextEditorSelectionContext = react.createContext(null), usePortableTextEditorSelection = () => {
+  const selection = react.useContext(PortableTextEditorSelectionContext);
   if (selection === void 0)
     throw new Error("The `usePortableTextEditorSelection` hook must be used inside the <PortableTextEditor> component's context.");
   return selection;
 }, debug$3 = debugWithName("component:PortableTextEditor:SelectionProvider"), debugVerbose = debug$3.enabled && !1;
 function PortableTextEditorSelectionProvider(props) {
-  const $ = reactCompilerRuntime.c(6), [selection, setSelection] = require$$0.useState(null);
+  const $ = reactCompilerRuntime.c(6), [selection, setSelection] = react.useState(null);
   let t0, t1;
   $[0] !== props.editorActor ? (t0 = () => {
     debug$3("Subscribing to selection changes");
     const subscription = props.editorActor.on("selection", (event) => {
-      require$$0.startTransition(() => {
+      react.startTransition(() => {
         debugVerbose && debug$3("Setting selection"), setSelection(event.selection);
       });
     });
     return () => {
       debug$3("Unsubscribing to selection changes"), subscription.unsubscribe();
     };
-  }, t1 = [props.editorActor], $[0] = props.editorActor, $[1] = t0, $[2] = t1) : (t0 = $[1], t1 = $[2]), require$$0.useEffect(t0, t1);
+  }, t1 = [props.editorActor], $[0] = props.editorActor, $[1] = t0, $[2] = t1) : (t0 = $[1], t1 = $[2]), react.useEffect(t0, t1);
   let t2;
   return $[3] !== selection || $[4] !== props.children ? (t2 = /* @__PURE__ */ jsxRuntime.jsx(PortableTextEditorSelectionContext.Provider, { value: selection, children: props.children }), $[3] = selection, $[4] = props.children, $[5] = t2) : t2 = $[5], t2;
 }
 const defaultKeyGenerator = () => content.randomKey(12), debug$2 = debugWithName("component:PortableTextEditor");
-class PortableTextEditor extends require$$0.Component {
+class PortableTextEditor extends react.Component {
   static displayName = "PortableTextEditor";
   /**
    * An observable of all the editor changes.
@@ -5804,7 +5860,7 @@ function RoutePatchesObservableToEditorActor(props) {
     return () => {
       subscription.unsubscribe();
     };
-  }, t1 = [props.editorActor, props.patches$], $[0] = props.patches$, $[1] = props.editorActor, $[2] = t0, $[3] = t1) : (t0 = $[2], t1 = $[3]), require$$0.useEffect(t0, t1), null;
+  }, t1 = [props.editorActor, props.patches$], $[0] = props.patches$, $[1] = props.editorActor, $[2] = t0, $[3] = t1) : (t0 = $[2], t1 = $[3]), react.useEffect(t0, t1), null;
 }
 const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (props) => {
   const {
@@ -5816,22 +5872,22 @@ const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (prop
     renderChild,
     renderDecorator,
     renderAnnotation
-  } = props, spanRef = require$$0.useRef(null), portableTextEditor = usePortableTextEditor(), blockSelected = slateReact.useSelected(), [focused, setFocused] = require$$0.useState(!1), [selected, setSelected] = require$$0.useState(!1), block = children.props.parent, path = require$$0.useMemo(() => block ? [{
+  } = props, spanRef = react.useRef(null), portableTextEditor = usePortableTextEditor(), blockSelected = slateReact.useSelected(), [focused, setFocused] = react.useState(!1), [selected, setSelected] = react.useState(!1), block = children.props.parent, path = react.useMemo(() => block ? [{
     _key: block?._key
   }, "children", {
     _key: leaf._key
-  }] : [], [block, leaf._key]), decoratorValues = require$$0.useMemo(() => schemaTypes.decorators.map((dec) => dec.value), [schemaTypes.decorators]), marks = require$$0.useMemo(() => uniq__default.default((leaf.marks || EMPTY_MARKS).filter((mark) => decoratorValues.includes(mark))), [decoratorValues, leaf.marks]), annotationMarks = Array.isArray(leaf.marks) ? leaf.marks : EMPTY_MARKS, annotations = require$$0.useMemo(() => annotationMarks.map((mark_0) => !decoratorValues.includes(mark_0) && block?.markDefs?.find((def) => def._key === mark_0)).filter(Boolean), [annotationMarks, block, decoratorValues]), shouldTrackSelectionAndFocus = annotations.length > 0 && blockSelected;
-  require$$0.useEffect(() => {
+  }] : [], [block, leaf._key]), decoratorValues = react.useMemo(() => schemaTypes.decorators.map((dec) => dec.value), [schemaTypes.decorators]), marks = react.useMemo(() => uniq__default.default((leaf.marks || EMPTY_MARKS).filter((mark) => decoratorValues.includes(mark))), [decoratorValues, leaf.marks]), annotationMarks = Array.isArray(leaf.marks) ? leaf.marks : EMPTY_MARKS, annotations = react.useMemo(() => annotationMarks.map((mark_0) => !decoratorValues.includes(mark_0) && block?.markDefs?.find((def) => def._key === mark_0)).filter(Boolean), [annotationMarks, block, decoratorValues]), shouldTrackSelectionAndFocus = annotations.length > 0 && blockSelected;
+  react.useEffect(() => {
     if (!shouldTrackSelectionAndFocus) {
       setFocused(!1);
       return;
     }
     const sel = PortableTextEditor.getSelection(portableTextEditor);
-    sel && isEqual__default.default(sel.focus.path, path) && PortableTextEditor.isCollapsedSelection(portableTextEditor) && require$$0.startTransition(() => {
+    sel && isEqual__default.default(sel.focus.path, path) && PortableTextEditor.isCollapsedSelection(portableTextEditor) && react.startTransition(() => {
       setFocused(!0);
     });
   }, [shouldTrackSelectionAndFocus, path, portableTextEditor]);
-  const setSelectedFromRange = require$$0.useCallback(() => {
+  const setSelectedFromRange = react.useCallback(() => {
     if (!shouldTrackSelectionAndFocus)
       return;
     debug$1("Setting selection and focus from range");
@@ -5846,7 +5902,7 @@ const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (prop
     } else
       setSelected(!1);
   }, [shouldTrackSelectionAndFocus]);
-  require$$0.useEffect(() => {
+  react.useEffect(() => {
     if (!shouldTrackSelectionAndFocus)
       return;
     const onBlur = editorActor.on("blur", () => {
@@ -5860,8 +5916,8 @@ const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (prop
     return () => {
       onBlur.unsubscribe(), onFocus.unsubscribe(), onSelection.unsubscribe();
     };
-  }, [editorActor, path, portableTextEditor, setSelectedFromRange, shouldTrackSelectionAndFocus]), require$$0.useEffect(() => setSelectedFromRange(), [setSelectedFromRange]);
-  const content2 = require$$0.useMemo(() => {
+  }, [editorActor, path, portableTextEditor, setSelectedFromRange, shouldTrackSelectionAndFocus]), react.useEffect(() => setSelectedFromRange(), [setSelectedFromRange]);
+  const content2 = react.useMemo(() => {
     let returnedChildren = children;
     if (slate.Text.isText(leaf) && leaf._type === schemaTypes.span.name && (marks.forEach((mark_1) => {
       const schemaType = schemaTypes.decorators.find((dec_0) => dec_0.value === mark_1);
@@ -5927,7 +5983,7 @@ const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (prop
     }
     return returnedChildren;
   }, [annotations, block, children, focused, leaf, marks, path, renderAnnotation, renderChild, renderDecorator, schemaTypes.annotations, schemaTypes.decorators, schemaTypes.span, selected]);
-  return require$$0.useMemo(() => /* @__PURE__ */ jsxRuntime.jsx("span", { ...attributes, ref: spanRef, children: content2 }, leaf._key), [leaf, attributes, content2]);
+  return react.useMemo(() => /* @__PURE__ */ jsxRuntime.jsx("span", { ...attributes, ref: spanRef, children: content2 }, leaf._key), [leaf, attributes, content2]);
 };
 Leaf.displayName = "Leaf";
 const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
@@ -5936,7 +5992,7 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
   pointerEvents: "none",
   left: 0,
   right: 0
-}, PortableTextEditable = require$$0.forwardRef(function(props, forwardedRef) {
+}, PortableTextEditable = react.forwardRef(function(props, forwardedRef) {
   const {
     hotkeys,
     onBlur,
@@ -5957,13 +6013,13 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
     scrollSelectionIntoView,
     spellCheck,
     ...restProps
-  } = props, portableTextEditor = usePortableTextEditor(), readOnly = usePortableTextEditorReadOnlyStatus(), ref = require$$0.useRef(null), [editableElement, setEditableElement] = require$$0.useState(null), [hasInvalidValue, setHasInvalidValue] = require$$0.useState(!1), [rangeDecorationState, setRangeDecorationsState] = require$$0.useState([]);
-  require$$0.useImperativeHandle(forwardedRef, () => ref.current);
-  const rangeDecorationsRef = require$$0.useRef(rangeDecorations), editorActor = require$$0.useContext(EditorActorContext), {
+  } = props, portableTextEditor = usePortableTextEditor(), readOnly = usePortableTextEditorReadOnlyStatus(), ref = react.useRef(null), [editableElement, setEditableElement] = react.useState(null), [hasInvalidValue, setHasInvalidValue] = react.useState(!1), [rangeDecorationState, setRangeDecorationsState] = react.useState([]);
+  react.useImperativeHandle(forwardedRef, () => ref.current);
+  const rangeDecorationsRef = react.useRef(rangeDecorations), editorActor = react.useContext(EditorActorContext), {
     schemaTypes
-  } = portableTextEditor, slateEditor = slateReact.useSlate(), blockTypeName = schemaTypes.block.name, withInsertData = require$$0.useMemo(() => createWithInsertData(editorActor, schemaTypes), [editorActor, schemaTypes]), withHotKeys = require$$0.useMemo(() => createWithHotkeys(portableTextEditor, hotkeys), [hotkeys, portableTextEditor]);
-  require$$0.useMemo(() => readOnly ? (debug("Editable is in read only mode"), withInsertData(slateEditor)) : (debug("Editable is in edit mode"), withInsertData(withHotKeys(slateEditor))), [readOnly, slateEditor, withHotKeys, withInsertData]);
-  const renderElement = require$$0.useCallback((eProps) => /* @__PURE__ */ jsxRuntime.jsx(Element, { ...eProps, readOnly, renderBlock, renderChild, renderListItem, renderStyle, schemaTypes, spellCheck }), [schemaTypes, spellCheck, readOnly, renderBlock, renderChild, renderListItem, renderStyle]), renderLeaf = require$$0.useCallback((lProps) => {
+  } = portableTextEditor, slateEditor = slateReact.useSlate(), blockTypeName = schemaTypes.block.name, withInsertData = react.useMemo(() => createWithInsertData(editorActor, schemaTypes), [editorActor, schemaTypes]), withHotKeys = react.useMemo(() => createWithHotkeys(portableTextEditor, hotkeys), [hotkeys, portableTextEditor]);
+  react.useMemo(() => readOnly ? (debug("Editable is in read only mode"), withInsertData(slateEditor)) : (debug("Editable is in edit mode"), withInsertData(withHotKeys(slateEditor))), [readOnly, slateEditor, withHotKeys, withInsertData]);
+  const renderElement = react.useCallback((eProps) => /* @__PURE__ */ jsxRuntime.jsx(Element, { ...eProps, readOnly, renderBlock, renderChild, renderListItem, renderStyle, schemaTypes, spellCheck }), [schemaTypes, spellCheck, readOnly, renderBlock, renderChild, renderListItem, renderStyle]), renderLeaf = react.useCallback((lProps) => {
     if (lProps.leaf._type === "span") {
       let rendered = /* @__PURE__ */ jsxRuntime.jsx(Leaf, { ...lProps, editorActor, schemaTypes, renderAnnotation, renderChild, renderDecorator, readOnly });
       if (renderPlaceholder && lProps.leaf.placeholder && lProps.text.text === "")
@@ -5977,7 +6033,7 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
       })), rendered;
     }
     return lProps.children;
-  }, [editorActor, readOnly, renderAnnotation, renderChild, renderDecorator, renderPlaceholder, schemaTypes]), restoreSelectionFromProps = require$$0.useCallback(() => {
+  }, [editorActor, readOnly, renderAnnotation, renderChild, renderDecorator, renderPlaceholder, schemaTypes]), restoreSelectionFromProps = react.useCallback(() => {
     if (propsSelection) {
       debug(`Selection from props ${JSON.stringify(propsSelection)}`);
       const normalizedSelection = normalizeSelection(propsSelection, fromSlateValue(slateEditor.children, blockTypeName));
@@ -5990,7 +6046,7 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
         }), slateEditor.onChange());
       }
     }
-  }, [blockTypeName, editorActor, propsSelection, slateEditor]), syncRangeDecorations = require$$0.useCallback((operation) => {
+  }, [blockTypeName, editorActor, propsSelection, slateEditor]), syncRangeDecorations = react.useCallback((operation) => {
     if (rangeDecorations && rangeDecorations.length > 0) {
       const newSlateRanges = [];
       if (rangeDecorations.forEach((rangeDecorationItem) => {
@@ -6023,7 +6079,7 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
     }
     setRangeDecorationsState((rangeDecorationState_0) => rangeDecorationState_0.length > 0 ? [] : rangeDecorationState_0);
   }, [portableTextEditor, rangeDecorations, schemaTypes, slateEditor]);
-  require$$0.useEffect(() => {
+  react.useEffect(() => {
     const onReady = editorActor.on("ready", () => {
       restoreSelectionFromProps();
     }), onInvalidValue = editorActor.on("invalid value", () => {
@@ -6034,22 +6090,22 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
     return () => {
       onReady.unsubscribe(), onInvalidValue.unsubscribe(), onValueChanged.unsubscribe();
     };
-  }, [editorActor, restoreSelectionFromProps]), require$$0.useEffect(() => {
+  }, [editorActor, restoreSelectionFromProps]), react.useEffect(() => {
     propsSelection && !hasInvalidValue && restoreSelectionFromProps();
   }, [hasInvalidValue, propsSelection, restoreSelectionFromProps]);
-  const originalApply = require$$0.useMemo(() => slateEditor.apply, [slateEditor]), [syncedRangeDecorations, setSyncedRangeDecorations] = require$$0.useState(!1);
-  require$$0.useEffect(() => {
+  const originalApply = react.useMemo(() => slateEditor.apply, [slateEditor]), [syncedRangeDecorations, setSyncedRangeDecorations] = react.useState(!1);
+  react.useEffect(() => {
     syncedRangeDecorations || (setSyncedRangeDecorations(!0), syncRangeDecorations());
-  }, [syncRangeDecorations, syncedRangeDecorations]), require$$0.useEffect(() => {
+  }, [syncRangeDecorations, syncedRangeDecorations]), react.useEffect(() => {
     isEqual__default.default(rangeDecorations, rangeDecorationsRef.current) || syncRangeDecorations(), rangeDecorationsRef.current = rangeDecorations;
-  }, [rangeDecorations, syncRangeDecorations]), require$$0.useEffect(() => (slateEditor.apply = (op) => {
+  }, [rangeDecorations, syncRangeDecorations]), react.useEffect(() => (slateEditor.apply = (op) => {
     originalApply(op), op.type !== "set_selection" && syncRangeDecorations(op);
   }, () => {
     slateEditor.apply = originalApply;
   }), [originalApply, slateEditor, syncRangeDecorations]);
-  const handleCopy = require$$0.useCallback((event) => {
+  const handleCopy = react.useCallback((event) => {
     onCopy && onCopy(event) !== void 0 && event.preventDefault();
-  }, [onCopy]), handlePaste = require$$0.useCallback((event_0) => {
+  }, [onCopy]), handlePaste = react.useCallback((event_0) => {
     if (event_0.preventDefault(), !slateEditor.selection)
       return;
     if (!onPaste) {
@@ -6073,7 +6129,7 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
         type: "done loading"
       });
     }));
-  }, [editorActor, onPaste, portableTextEditor, schemaTypes, slateEditor]), handleOnFocus = require$$0.useCallback((event_1) => {
+  }, [editorActor, onPaste, portableTextEditor, schemaTypes, slateEditor]), handleOnFocus = react.useCallback((event_1) => {
     if (onFocus && onFocus(event_1), !event_1.isDefaultPrevented()) {
       const selection = PortableTextEditor.getSelection(portableTextEditor);
       selection === null && (slate.Transforms.select(slateEditor, slate.Editor.start(slateEditor, [])), slateEditor.onChange()), editorActor.send({
@@ -6086,7 +6142,7 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
         selection
       });
     }
-  }, [editorActor, onFocus, portableTextEditor, slateEditor]), handleClick = require$$0.useCallback((event_2) => {
+  }, [editorActor, onFocus, portableTextEditor, slateEditor]), handleClick = react.useCallback((event_2) => {
     if (onClick && onClick(event_2), slateEditor.selection && event_2.target === event_2.currentTarget) {
       const [lastBlock, path_0] = slate.Node.last(slateEditor, []), focusPath = slateEditor.selection.focus.path.slice(0, 1), lastPath = path_0.slice(0, 1);
       if (slate.Path.equals(focusPath, lastPath)) {
@@ -6096,14 +6152,14 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
         })), slateEditor.onChange());
       }
     }
-  }, [onClick, slateEditor]), handleOnBlur = require$$0.useCallback((event_3) => {
+  }, [onClick, slateEditor]), handleOnBlur = react.useCallback((event_3) => {
     onBlur && onBlur(event_3), event_3.isPropagationStopped() || editorActor.send({
       type: "blur",
       event: event_3
     });
-  }, [editorActor, onBlur]), handleOnBeforeInput = require$$0.useCallback((event_4) => {
+  }, [editorActor, onBlur]), handleOnBeforeInput = react.useCallback((event_4) => {
     onBeforeInput && onBeforeInput(event_4);
-  }, [onBeforeInput]), validateSelection = require$$0.useCallback(() => {
+  }, [onBeforeInput]), validateSelection = react.useCallback(() => {
     if (!slateEditor.selection)
       return;
     const root = slateReact.ReactEditor.findDocumentOrShadowRoot(slateEditor), {
@@ -6122,7 +6178,7 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
       debug("Could not resolve selection, selecting top document"), slate.Transforms.deselect(slateEditor), slateEditor.children.length > 0 && slate.Transforms.select(slateEditor, [0, 0]), slateEditor.onChange();
     }
   }, [ref, slateEditor]);
-  require$$0.useEffect(() => {
+  react.useEffect(() => {
     if (editableElement) {
       const mutationObserver = new MutationObserver(validateSelection);
       return mutationObserver.observe(editableElement, {
@@ -6136,14 +6192,14 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
       };
     }
   }, [validateSelection, editableElement]);
-  const handleKeyDown = require$$0.useCallback((event_5) => {
+  const handleKeyDown = react.useCallback((event_5) => {
     props.onKeyDown && props.onKeyDown(event_5), event_5.isDefaultPrevented() || slateEditor.pteWithHotKeys(event_5);
-  }, [props, slateEditor]), scrollSelectionIntoViewToSlate = require$$0.useMemo(() => {
+  }, [props, slateEditor]), scrollSelectionIntoViewToSlate = react.useMemo(() => {
     if (scrollSelectionIntoView !== void 0)
       return scrollSelectionIntoView === null ? noop__default.default : (_editor, domRange) => {
         scrollSelectionIntoView(portableTextEditor, domRange);
       };
-  }, [portableTextEditor, scrollSelectionIntoView]), decorate = require$$0.useCallback(([, path_1]) => {
+  }, [portableTextEditor, scrollSelectionIntoView]), decorate = react.useCallback(([, path_1]) => {
     if (isEqualToEmptyEditor(slateEditor.children, schemaTypes))
       return [{
         anchor: {
@@ -6170,7 +6226,7 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
     }) || slate.Range.includes(item, path_1));
     return result_1.length > 0 ? result_1 : [];
   }, [slateEditor, schemaTypes, rangeDecorationState]);
-  return require$$0.useEffect(() => {
+  return react.useEffect(() => {
     ref.current = slateReact.ReactEditor.toDOMNode(slateEditor, slateEditor), setEditableElement(ref.current);
   }, [slateEditor, ref]), portableTextEditor ? hasInvalidValue ? null : /* @__PURE__ */ jsxRuntime.jsx(
     slateReact.Editable,
@@ -6195,330 +6251,25 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
   ) : null;
 });
 PortableTextEditable.displayName = "ForwardRef(PortableTextEditable)";
-var index = typeof document < "u" ? require$$0.useLayoutEffect : require$$0.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__default.default;
-  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
-      }
-    }), c = f[0].inst, g = f[1];
-    return n(function() {
-      c.value = d, c.getSnapshot = b, r(c) && g({
-        inst: c
-      });
-    }, [a, d, b]), m(function() {
-      return r(c) && g({
-        inst: c
-      }), a(function() {
-        r(c) && g({
-          inst: c
-        });
-      });
-    }, [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__default.default, 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, useState = React.useState, useEffect = React.useEffect, useLayoutEffect = 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 = useState({
-        inst: {
-          value,
-          getSnapshot
-        }
-      }), inst = _useState[0].inst, forceUpdate = _useState[1];
-      return useLayoutEffect(function() {
-        inst.value = value, inst.getSnapshot = getSnapshot, checkIfSnapshotChanged(inst) && forceUpdate({
-          inst
-        });
-      }, [subscribe, value, getSnapshot]), useEffect(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__default.default, 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 c = t(null);
-    if (c.current === null) {
-      var f = {
-        hasValue: !1,
-        value: null
-      };
-      c.current = f;
-    } else f = c.current;
-    c = v(function() {
-      function a2(a3) {
-        if (!c2) {
-          if (c2 = !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 c2 = !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, c[0], c[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__default.default, 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, useRef = React.useRef, useEffect = React.useEffect, useMemo = React.useMemo, useDebugValue = React.useDebugValue;
-    function useSyncExternalStoreWithSelector(subscribe, getSnapshot, getServerSnapshot, selector, isEqual2) {
-      var instRef = useRef(null), inst;
-      instRef.current === null ? (inst = {
-        hasValue: !1,
-        value: null
-      }, instRef.current = inst) : inst = instRef.current;
-      var _useMemo = useMemo(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 useEffect(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] = require$$0.useState(() => {
-    const actorRef2 = xstate.createActor(logic, options);
-    return [logic.config, actorRef2];
-  });
-  if (logic.config !== currentConfig) {
-    const newActorRef = xstate.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 require$$0.useEffect(() => {
-    if (!observerOrListener)
-      return;
-    let sub = actorRef.subscribe(xstate.toObserver(observerOrListener));
-    return () => {
-      sub.unsubscribe();
-    };
-  }, [observerOrListener]), require$$0.useEffect(() => (actorRef.start(), () => {
-    stopRootWithRehydration(actorRef);
-  }), [actorRef]), actorRef;
-}
 function useEditor(config) {
-  const $ = reactCompilerRuntime.c(8);
+  const $ = reactCompilerRuntime.c(7);
   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 schema2 = t1, t2 = config.keyGenerator ?? defaultKeyGenerator;
-  let t3;
-  return $[4] !== config.behaviors || $[5] !== t2 || $[6] !== schema2 ? (t3 = {
+  $[0] !== config.schemaDefinition || $[1] !== config.schema ? (t0 = config.schemaDefinition ? compileSchemaDefinition(config.schemaDefinition) : getPortableTextMemberSchemaTypes(config.schema.hasOwnProperty("jsonType") ? config.schema : compileType(config.schema)), $[0] = config.schemaDefinition, $[1] = config.schema, $[2] = t0) : t0 = $[2];
+  const schema2 = t0, t1 = config.keyGenerator ?? defaultKeyGenerator;
+  let t2;
+  return $[3] !== config.behaviors || $[4] !== t1 || $[5] !== schema2 ? (t2 = {
     input: {
       behaviors: config.behaviors,
-      keyGenerator: t2,
+      keyGenerator: t1,
       schema: schema2
     }
-  }, $[4] = config.behaviors, $[5] = t2, $[6] = schema2, $[7] = t3) : t3 = $[7], useActorRef(editorMachine, t3);
+  }, $[3] = config.behaviors, $[4] = t1, $[5] = schema2, $[6] = t2) : t2 = $[6], react$1.useActorRef(editorMachine, t2);
 }
 exports.PortableTextEditable = PortableTextEditable;
 exports.PortableTextEditor = PortableTextEditor;
 exports.createMarkdownBehaviors = createMarkdownBehaviors;
 exports.defineBehavior = defineBehavior;
+exports.defineSchema = defineSchema;
 exports.editorMachine = editorMachine;
 exports.keyGenerator = defaultKeyGenerator;
 exports.useEditor = useEditor;