@select-org/select-post-builder 1.1.0 → 1.1.1

package/dist/post-builder.js

@@ -21012,6 +21012,46 @@ const EditMediaToolbar = ({
     }
   )
 ] }) : null;
+var NAME = "AspectRatio";
+var AspectRatio$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { ratio = 1 / 1, style, ...aspectRatioProps } = props;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          // ensures inner element is contained
+          position: "relative",
+          // ensures padding bottom trick maths works
+          width: "100%",
+          paddingBottom: `${100 / ratio}%`
+        },
+        "data-radix-aspect-ratio-wrapper": "",
+        children: /* @__PURE__ */ jsx(
+          Primitive.div,
+          {
+            ...aspectRatioProps,
+            ref: forwardedRef,
+            style: {
+              ...style,
+              // ensures children expand in ratio
+              position: "absolute",
+              top: 0,
+              right: 0,
+              bottom: 0,
+              left: 0
+            }
+          }
+        )
+      }
+    );
+  }
+);
+AspectRatio$1.displayName = NAME;
+var Root$1 = AspectRatio$1;
+function AspectRatio({ ...props }) {
+  return /* @__PURE__ */ jsx(Root$1, { "data-slot": "aspect-ratio", ...props });
+}
 var PROGRESS_NAME = "Progress";
 var DEFAULT_MAX = 100;
 var [createProgressContext] = createContextScope(PROGRESS_NAME);
@@ -21096,11 +21136,11 @@ function getInvalidValueError(propValue, componentName) {
 
 Defaulting to \`null\`.`;
 }
-var Root$1 = Progress$1;
+var Root = Progress$1;
 var Indicator = ProgressIndicator;
 function Progress({ className, value, ...props }) {
   return /* @__PURE__ */ jsx(
-    Root$1,
+    Root,
     {
       "data-slot": "progress",
       className: cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className),
@@ -21116,1709 +21156,1661 @@ function Progress({ className, value, ...props }) {
     }
   );
 }
-const lower16 = 65535;
-const factor16 = Math.pow(2, 16);
-function makeRecover(index2, offset2) {
-  return index2 + offset2 * factor16;
-}
-function recoverIndex(value) {
-  return value & lower16;
-}
-function recoverOffset(value) {
-  return (value - (value & lower16)) / factor16;
-}
-const DEL_BEFORE = 1, DEL_AFTER = 2, DEL_ACROSS = 4, DEL_SIDE = 8;
-class MapResult {
-  /**
-  @internal
-  */
-  constructor(pos, delInfo, recover) {
-    this.pos = pos;
-    this.delInfo = delInfo;
-    this.recover = recover;
-  }
-  /**
-  Tells you whether the position was deleted, that is, whether the
-  step removed the token on the side queried (via the `assoc`)
-  argument from the document.
-  */
-  get deleted() {
-    return (this.delInfo & DEL_SIDE) > 0;
-  }
-  /**
-  Tells you whether the token before the mapped position was deleted.
-  */
-  get deletedBefore() {
-    return (this.delInfo & (DEL_BEFORE | DEL_ACROSS)) > 0;
-  }
-  /**
-  True when the token after the mapped position was deleted.
-  */
-  get deletedAfter() {
-    return (this.delInfo & (DEL_AFTER | DEL_ACROSS)) > 0;
-  }
-  /**
-  Tells whether any of the steps mapped through deletes across the
-  position (including both the token before and after the
-  position).
-  */
-  get deletedAcross() {
-    return (this.delInfo & DEL_ACROSS) > 0;
-  }
-}
-class StepMap {
-  /**
-  Create a position map. The modifications to the document are
-  represented as an array of numbers, in which each group of three
-  represents a modified chunk as `[start, oldSize, newSize]`.
-  */
-  constructor(ranges, inverted = false) {
-    this.ranges = ranges;
-    this.inverted = inverted;
-    if (!ranges.length && StepMap.empty)
-      return StepMap.empty;
-  }
-  /**
-  @internal
-  */
-  recover(value) {
-    let diff = 0, index2 = recoverIndex(value);
-    if (!this.inverted)
-      for (let i = 0; i < index2; i++)
-        diff += this.ranges[i * 3 + 2] - this.ranges[i * 3 + 1];
-    return this.ranges[index2 * 3] + diff + recoverOffset(value);
-  }
-  mapResult(pos, assoc = 1) {
-    return this._map(pos, assoc, false);
-  }
-  map(pos, assoc = 1) {
-    return this._map(pos, assoc, true);
-  }
-  /**
-  @internal
-  */
-  _map(pos, assoc, simple) {
-    let diff = 0, oldIndex = this.inverted ? 2 : 1, newIndex = this.inverted ? 1 : 2;
-    for (let i = 0; i < this.ranges.length; i += 3) {
-      let start2 = this.ranges[i] - (this.inverted ? diff : 0);
-      if (start2 > pos)
-        break;
-      let oldSize = this.ranges[i + oldIndex], newSize = this.ranges[i + newIndex], end2 = start2 + oldSize;
-      if (pos <= end2) {
-        let side = !oldSize ? assoc : pos == start2 ? -1 : pos == end2 ? 1 : assoc;
-        let result = start2 + diff + (side < 0 ? 0 : newSize);
-        if (simple)
-          return result;
-        let recover = pos == (assoc < 0 ? start2 : end2) ? null : makeRecover(i / 3, pos - start2);
-        let del = pos == start2 ? DEL_AFTER : pos == end2 ? DEL_BEFORE : DEL_ACROSS;
-        if (assoc < 0 ? pos != start2 : pos != end2)
-          del |= DEL_SIDE;
-        return new MapResult(result, del, recover);
+const MediaNodeView = ({
+  node,
+  updateAttributes,
+  editor,
+  selected,
+  getPos
+}) => {
+  const handleDelete = () => {
+    const pos = getPos() ?? NaN;
+    if (!Number.isFinite(pos)) return;
+    editor.chain().focus().deleteRange({ from: pos, to: pos + node.nodeSize }).focus().run();
+  };
+  const handleAlign = (align) => updateAttributes({ align });
+  if (node.attrs.uploading) {
+    return /* @__PURE__ */ jsx(
+      NodeViewWrapper,
+      {
+        className: cn(
+          "flex my-4",
+          node.attrs.align === Alignment.CENTER ? "justify-center" : node.attrs.align === Alignment.RIGHT ? "justify-end" : ""
+        ),
+        children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-full", children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative bg-muted rounded-lg overflow-hidden", children: [
+            /* @__PURE__ */ jsx(
+              AspectRatio,
+              {
+                ratio: node.attrs.type === MediaNodeTypes.Audio ? 4 / 1 : 16 / 4,
+                className: cn("flex items-center justify-center bg-muted"),
+                children: /* @__PURE__ */ jsxs("div", { className: "text-center space-y-3", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex justify-center", children: [
+                    node.attrs.type === MediaNodeTypes.Image && /* @__PURE__ */ jsx(Image$1, { className: "w-12 h-12 text-muted-foreground/50" }),
+                    node.attrs.type === MediaNodeTypes.Video && /* @__PURE__ */ jsx(Video, { className: "w-12 h-12 text-muted-foreground/50" }),
+                    node.attrs.type === MediaNodeTypes.Audio && /* @__PURE__ */ jsx(Music, { className: "w-12 h-12 text-muted-foreground/50" })
+                  ] }),
+                  /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground font-medium", children: [
+                    "Uploading ",
+                    node.attrs.type,
+                    "..."
+                  ] })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 right-0 p-4", children: /* @__PURE__ */ jsx(Progress, { value: node.attrs.progress ?? 0, className: "h-2" }) }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: handleDelete,
+                className: "absolute top-2 right-2 p-2 bg-background/90 hover:bg-background rounded-full shadow-sm transition-colors",
+                title: "Cancel upload",
+                children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground text-center mt-2", children: [
+            Math.round(node.attrs.progress ?? 0),
+            "%"
+          ] })
+        ] })
       }
-      diff += newSize - oldSize;
-    }
-    return simple ? pos + diff : new MapResult(pos + diff, 0, null);
-  }
-  /**
-  @internal
-  */
-  touches(pos, recover) {
-    let diff = 0, index2 = recoverIndex(recover);
-    let oldIndex = this.inverted ? 2 : 1, newIndex = this.inverted ? 1 : 2;
-    for (let i = 0; i < this.ranges.length; i += 3) {
-      let start2 = this.ranges[i] - (this.inverted ? diff : 0);
-      if (start2 > pos)
-        break;
-      let oldSize = this.ranges[i + oldIndex], end2 = start2 + oldSize;
-      if (pos <= end2 && i == index2 * 3)
-        return true;
-      diff += this.ranges[i + newIndex] - oldSize;
-    }
-    return false;
-  }
-  /**
-  Calls the given function on each of the changed ranges included in
-  this map.
-  */
-  forEach(f) {
-    let oldIndex = this.inverted ? 2 : 1, newIndex = this.inverted ? 1 : 2;
-    for (let i = 0, diff = 0; i < this.ranges.length; i += 3) {
-      let start2 = this.ranges[i], oldStart = start2 - (this.inverted ? diff : 0), newStart = start2 + (this.inverted ? 0 : diff);
-      let oldSize = this.ranges[i + oldIndex], newSize = this.ranges[i + newIndex];
-      f(oldStart, oldStart + oldSize, newStart, newStart + newSize);
-      diff += newSize - oldSize;
-    }
-  }
-  /**
-  Create an inverted version of this map. The result can be used to
-  map positions in the post-step document to the pre-step document.
-  */
-  invert() {
-    return new StepMap(this.ranges, !this.inverted);
-  }
-  /**
-  @internal
-  */
-  toString() {
-    return (this.inverted ? "-" : "") + JSON.stringify(this.ranges);
-  }
-  /**
-  Create a map that moves all positions by offset `n` (which may be
-  negative). This can be useful when applying steps meant for a
-  sub-document to a larger document, or vice-versa.
-  */
-  static offset(n) {
-    return n == 0 ? StepMap.empty : new StepMap(n < 0 ? [0, -n, 0] : [0, 0, n]);
+    );
   }
-}
-StepMap.empty = new StepMap([]);
-const stepsByID = /* @__PURE__ */ Object.create(null);
-class Step {
-  /**
-  Get the step map that represents the changes made by this step,
-  and which can be used to transform between positions in the old
-  and the new document.
-  */
-  getMap() {
-    return StepMap.empty;
-  }
-  /**
-  Try to merge this step with another one, to be applied directly
-  after it. Returns the merged step when possible, null if the
-  steps can't be merged.
-  */
-  merge(other) {
-    return null;
-  }
-  /**
-  Deserialize a step from its JSON representation. Will call
-  through to the step class' own implementation of this method.
-  */
-  static fromJSON(schema, json) {
-    if (!json || !json.stepType)
-      throw new RangeError("Invalid input for Step.fromJSON");
-    let type = stepsByID[json.stepType];
-    if (!type)
-      throw new RangeError(`No step type ${json.stepType} defined`);
-    return type.fromJSON(schema, json);
-  }
-  /**
-  To be able to serialize steps to JSON, each step needs a string
-  ID to attach to its JSON representation. Use this method to
-  register an ID for your step classes. Try to pick something
-  that's unlikely to clash with steps from other modules.
-  */
-  static jsonID(id, stepClass) {
-    if (id in stepsByID)
-      throw new RangeError("Duplicate use of step JSON ID " + id);
-    stepsByID[id] = stepClass;
-    stepClass.prototype.jsonID = id;
-    return stepClass;
-  }
-}
-class StepResult {
-  /**
-  @internal
-  */
-  constructor(doc, failed) {
-    this.doc = doc;
-    this.failed = failed;
-  }
-  /**
-  Create a successful step result.
-  */
-  static ok(doc) {
-    return new StepResult(doc, null);
-  }
-  /**
-  Create a failed step result.
-  */
-  static fail(message) {
-    return new StepResult(null, message);
-  }
-  /**
-  Call [`Node.replace`](https://prosemirror.net/docs/ref/#model.Node.replace) with the given
-  arguments. Create a successful result if it succeeds, and a
-  failed one if it throws a `ReplaceError`.
-  */
-  static fromReplace(doc, from, to, slice) {
-    try {
-      return StepResult.ok(doc.replace(from, to, slice));
-    } catch (e) {
-      if (e instanceof ReplaceError)
-        return StepResult.fail(e.message);
-      throw e;
+  return /* @__PURE__ */ jsx(
+    NodeViewWrapper,
+    {
+      "data-drag-handle": true,
+      className: cn(
+        "flex",
+        node.attrs.align === Alignment.CENTER ? "justify-center" : node.attrs.align === Alignment.RIGHT ? "justify-end" : ""
+      ),
+      children: node.attrs.type === MediaNodeTypes.Image ? /* @__PURE__ */ jsx(
+        ResizableWithToolbarWrapper,
+        {
+          open: selected,
+          mediaType: node.attrs.type,
+          align: node.attrs.align,
+          onResize: (maxWidth) => updateAttributes({ maxWidth }),
+          onAlign: handleAlign,
+          onDelete: handleDelete,
+          children: /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: node.attrs.src,
+              alt: node.attrs.caption,
+              className: cn(
+                "object-contain w-full h-auto rounded-lg",
+                selected && "border-2 border-blue-500"
+              )
+            }
+          )
+        }
+      ) : node.attrs.type === MediaNodeTypes.Video ? /* @__PURE__ */ jsx(
+        ResizableWithToolbarWrapper,
+        {
+          open: selected,
+          mediaType: node.attrs.type,
+          align: node.attrs.align,
+          onResize: (maxWidth) => updateAttributes({ maxWidth }),
+          onAlign: handleAlign,
+          onDelete: handleDelete,
+          children: /* @__PURE__ */ jsx(
+            "video",
+            {
+              src: node.attrs.src,
+              controls: true,
+              className: cn("object-contain w-full h-auto", selected && "border-2 border-blue-500")
+            }
+          )
+        }
+      ) : node.attrs.type === MediaNodeTypes.Audio ? /* @__PURE__ */ jsxs("div", { className: "relative p-4 bg-accent/20 border border-border/20 w-full", children: [
+        /* @__PURE__ */ jsx(
+          EditMediaToolbar,
+          {
+            open: selected,
+            align: node.attrs.align,
+            onAlign: handleAlign,
+            onDelete: handleDelete
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "audio",
+          {
+            src: node.attrs.src,
+            controls: true,
+            className: cn("w-full", selected && "rounded-full border-2 border-blue-500")
+          }
+        )
+      ] }) : /* @__PURE__ */ jsx("div", { className: "p-4 text-sm text-gray-600", children: "Unsupported media" })
     }
-  }
-}
-function mapFragment(fragment, f, parent2) {
-  let mapped = [];
-  for (let i = 0; i < fragment.childCount; i++) {
-    let child = fragment.child(i);
-    if (child.content.size)
-      child = child.copy(mapFragment(child.content, f, child));
-    if (child.isInline)
-      child = f(child, parent2, i);
-    mapped.push(child);
-  }
-  return Fragment.fromArray(mapped);
-}
-class AddMarkStep extends Step {
-  /**
-  Create a mark step.
-  */
-  constructor(from, to, mark) {
-    super();
-    this.from = from;
-    this.to = to;
-    this.mark = mark;
-  }
-  apply(doc) {
-    let oldSlice = doc.slice(this.from, this.to), $from = doc.resolve(this.from);
-    let parent2 = $from.node($from.sharedDepth(this.to));
-    let slice = new Slice(mapFragment(oldSlice.content, (node, parent3) => {
-      if (!node.isAtom || !parent3.type.allowsMarkType(this.mark.type))
-        return node;
-      return node.mark(this.mark.addToSet(node.marks));
-    }, parent2), oldSlice.openStart, oldSlice.openEnd);
-    return StepResult.fromReplace(doc, this.from, this.to, slice);
-  }
-  invert() {
-    return new RemoveMarkStep(this.from, this.to, this.mark);
-  }
-  map(mapping) {
-    let from = mapping.mapResult(this.from, 1), to = mapping.mapResult(this.to, -1);
-    if (from.deleted && to.deleted || from.pos >= to.pos)
-      return null;
-    return new AddMarkStep(from.pos, to.pos, this.mark);
-  }
-  merge(other) {
-    if (other instanceof AddMarkStep && other.mark.eq(this.mark) && this.from <= other.to && this.to >= other.from)
-      return new AddMarkStep(Math.min(this.from, other.from), Math.max(this.to, other.to), this.mark);
-    return null;
-  }
-  toJSON() {
-    return {
-      stepType: "addMark",
-      mark: this.mark.toJSON(),
-      from: this.from,
-      to: this.to
-    };
-  }
-  /**
-  @internal
-  */
-  static fromJSON(schema, json) {
-    if (typeof json.from != "number" || typeof json.to != "number")
-      throw new RangeError("Invalid input for AddMarkStep.fromJSON");
-    return new AddMarkStep(json.from, json.to, schema.markFromJSON(json.mark));
-  }
-}
-Step.jsonID("addMark", AddMarkStep);
-class RemoveMarkStep extends Step {
-  /**
-  Create a mark-removing step.
-  */
-  constructor(from, to, mark) {
-    super();
-    this.from = from;
-    this.to = to;
-    this.mark = mark;
-  }
-  apply(doc) {
-    let oldSlice = doc.slice(this.from, this.to);
-    let slice = new Slice(mapFragment(oldSlice.content, (node) => {
-      return node.mark(this.mark.removeFromSet(node.marks));
-    }, doc), oldSlice.openStart, oldSlice.openEnd);
-    return StepResult.fromReplace(doc, this.from, this.to, slice);
-  }
-  invert() {
-    return new AddMarkStep(this.from, this.to, this.mark);
-  }
-  map(mapping) {
-    let from = mapping.mapResult(this.from, 1), to = mapping.mapResult(this.to, -1);
-    if (from.deleted && to.deleted || from.pos >= to.pos)
-      return null;
-    return new RemoveMarkStep(from.pos, to.pos, this.mark);
-  }
-  merge(other) {
-    if (other instanceof RemoveMarkStep && other.mark.eq(this.mark) && this.from <= other.to && this.to >= other.from)
-      return new RemoveMarkStep(Math.min(this.from, other.from), Math.max(this.to, other.to), this.mark);
-    return null;
-  }
-  toJSON() {
-    return {
-      stepType: "removeMark",
-      mark: this.mark.toJSON(),
-      from: this.from,
-      to: this.to
-    };
-  }
-  /**
-  @internal
-  */
-  static fromJSON(schema, json) {
-    if (typeof json.from != "number" || typeof json.to != "number")
-      throw new RangeError("Invalid input for RemoveMarkStep.fromJSON");
-    return new RemoveMarkStep(json.from, json.to, schema.markFromJSON(json.mark));
-  }
-}
-Step.jsonID("removeMark", RemoveMarkStep);
-class AddNodeMarkStep extends Step {
-  /**
-  Create a node mark step.
-  */
-  constructor(pos, mark) {
-    super();
-    this.pos = pos;
-    this.mark = mark;
-  }
-  apply(doc) {
-    let node = doc.nodeAt(this.pos);
-    if (!node)
-      return StepResult.fail("No node at mark step's position");
-    let updated = node.type.create(node.attrs, null, this.mark.addToSet(node.marks));
-    return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment.from(updated), 0, node.isLeaf ? 0 : 1));
-  }
-  invert(doc) {
-    let node = doc.nodeAt(this.pos);
-    if (node) {
-      let newSet = this.mark.addToSet(node.marks);
-      if (newSet.length == node.marks.length) {
-        for (let i = 0; i < node.marks.length; i++)
-          if (!node.marks[i].isInSet(newSet))
-            return new AddNodeMarkStep(this.pos, node.marks[i]);
-        return new AddNodeMarkStep(this.pos, this.mark);
+  );
+};
+const ResizableWithToolbarWrapper = ({
+  open,
+  align,
+  onAlign,
+  onDelete,
+  onResize,
+  mediaType,
+  children
+}) => {
+  return /* @__PURE__ */ jsxs(
+    ResizableWrapper,
+    {
+      onResize,
+      className: cn(mediaType === MediaNodeTypes.Audio && "relative p-4 bg-accent/50"),
+      children: [
+        /* @__PURE__ */ jsx(EditMediaToolbar, { open, align, onAlign, onDelete }),
+        children
+      ]
+    }
+  );
+};
+const createDeleteByUidCommand = (nodeName) => {
+  return (uid) => ({ state, commands }) => {
+    const { doc } = state;
+    let targetPos = null;
+    let targetSize = null;
+    doc.descendants((node, pos) => {
+      if (node.type.name === nodeName && node.attrs.uid === uid) {
+        targetPos = pos;
+        targetSize = node.nodeSize;
+        return false;
       }
+    });
+    if (targetPos !== null && targetSize !== null) {
+      return commands.deleteRange({
+        from: targetPos,
+        to: Number(targetPos) + Number(targetSize)
+      });
     }
-    return new RemoveNodeMarkStep(this.pos, this.mark);
-  }
-  map(mapping) {
-    let pos = mapping.mapResult(this.pos, 1);
-    return pos.deletedAfter ? null : new AddNodeMarkStep(pos.pos, this.mark);
-  }
-  toJSON() {
-    return { stepType: "addNodeMark", pos: this.pos, mark: this.mark.toJSON() };
-  }
-  /**
-  @internal
-  */
-  static fromJSON(schema, json) {
-    if (typeof json.pos != "number")
-      throw new RangeError("Invalid input for AddNodeMarkStep.fromJSON");
-    return new AddNodeMarkStep(json.pos, schema.markFromJSON(json.mark));
-  }
-}
-Step.jsonID("addNodeMark", AddNodeMarkStep);
-class RemoveNodeMarkStep extends Step {
-  /**
-  Create a mark-removing step.
-  */
-  constructor(pos, mark) {
-    super();
-    this.pos = pos;
-    this.mark = mark;
-  }
-  apply(doc) {
-    let node = doc.nodeAt(this.pos);
-    if (!node)
-      return StepResult.fail("No node at mark step's position");
-    let updated = node.type.create(node.attrs, null, this.mark.removeFromSet(node.marks));
-    return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment.from(updated), 0, node.isLeaf ? 0 : 1));
-  }
-  invert(doc) {
-    let node = doc.nodeAt(this.pos);
-    if (!node || !this.mark.isInSet(node.marks))
-      return this;
-    return new AddNodeMarkStep(this.pos, this.mark);
-  }
-  map(mapping) {
-    let pos = mapping.mapResult(this.pos, 1);
-    return pos.deletedAfter ? null : new RemoveNodeMarkStep(pos.pos, this.mark);
-  }
-  toJSON() {
-    return { stepType: "removeNodeMark", pos: this.pos, mark: this.mark.toJSON() };
-  }
-  /**
-  @internal
-  */
-  static fromJSON(schema, json) {
-    if (typeof json.pos != "number")
-      throw new RangeError("Invalid input for RemoveNodeMarkStep.fromJSON");
-    return new RemoveNodeMarkStep(json.pos, schema.markFromJSON(json.mark));
-  }
-}
-Step.jsonID("removeNodeMark", RemoveNodeMarkStep);
-class ReplaceStep extends Step {
-  /**
-  The given `slice` should fit the 'gap' between `from` and
-  `to`—the depths must line up, and the surrounding nodes must be
-  able to be joined with the open sides of the slice. When
-  `structure` is true, the step will fail if the content between
-  from and to is not just a sequence of closing and then opening
-  tokens (this is to guard against rebased replace steps
-  overwriting something they weren't supposed to).
-  */
-  constructor(from, to, slice, structure = false) {
-    super();
-    this.from = from;
-    this.to = to;
-    this.slice = slice;
-    this.structure = structure;
-  }
-  apply(doc) {
-    if (this.structure && contentBetween(doc, this.from, this.to))
-      return StepResult.fail("Structure replace would overwrite content");
-    return StepResult.fromReplace(doc, this.from, this.to, this.slice);
-  }
-  getMap() {
-    return new StepMap([this.from, this.to - this.from, this.slice.size]);
-  }
-  invert(doc) {
-    return new ReplaceStep(this.from, this.from + this.slice.size, doc.slice(this.from, this.to));
-  }
-  map(mapping) {
-    let from = mapping.mapResult(this.from, 1), to = mapping.mapResult(this.to, -1);
-    if (from.deletedAcross && to.deletedAcross)
-      return null;
-    return new ReplaceStep(from.pos, Math.max(from.pos, to.pos), this.slice, this.structure);
-  }
-  merge(other) {
-    if (!(other instanceof ReplaceStep) || other.structure || this.structure)
-      return null;
-    if (this.from + this.slice.size == other.from && !this.slice.openEnd && !other.slice.openStart) {
-      let slice = this.slice.size + other.slice.size == 0 ? Slice.empty : new Slice(this.slice.content.append(other.slice.content), this.slice.openStart, other.slice.openEnd);
-      return new ReplaceStep(this.from, this.to + (other.to - other.from), slice, this.structure);
-    } else if (other.to == this.from && !this.slice.openStart && !other.slice.openEnd) {
-      let slice = this.slice.size + other.slice.size == 0 ? Slice.empty : new Slice(other.slice.content.append(this.slice.content), other.slice.openStart, this.slice.openEnd);
-      return new ReplaceStep(other.from, this.to, slice, this.structure);
-    } else {
-      return null;
+    return false;
+  };
+};
+const createUpdateByUidCommand = (nodeName) => {
+  return (uid, attrs) => ({ state, dispatch }) => {
+    if (!dispatch) return false;
+    const { doc, tr } = state;
+    let found2 = false;
+    doc.descendants((node, pos) => {
+      if (node.type.name === nodeName && node.attrs.uid === uid) {
+        tr.setNodeMarkup(pos, void 0, {
+          ...node.attrs,
+          ...attrs
+        });
+        found2 = true;
+        return false;
+      }
+    });
+    if (found2) {
+      dispatch(tr);
+      return true;
+    }
+    return false;
+  };
+};
+const createDeleteMarkByUidCommand = (markName) => {
+  return (uid) => ({
+    state,
+    dispatch
+  }) => {
+    if (!dispatch) return false;
+    const { doc, schema } = state;
+    let tr = state.tr;
+    let found2 = false;
+    const positions = [];
+    doc.descendants((node, pos) => {
+      if (node.isText && node.marks?.length) {
+        node.marks.forEach((mark) => {
+          if (mark.type.name === markName && mark.attrs.uid === uid) {
+            positions.push({
+              from: pos,
+              to: pos + node.nodeSize
+            });
+            found2 = true;
+          }
+        });
+      }
+    });
+    if (found2) {
+      const markType = schema.marks[markName];
+      if (markType) {
+        positions.forEach(({ from, to }) => {
+          tr = tr.removeMark(from, to, markType);
+        });
+        dispatch(tr);
+      }
+    }
+    return found2;
+  };
+};
+const createUpdateMarkByUidCommand = (markName) => {
+  return (uid, attrs) => ({
+    state,
+    dispatch
+  }) => {
+    console.log("=== UPDATE MARK COMMAND START ===");
+    console.log("markName:", markName);
+    console.log("uid:", uid);
+    console.log("attrs:", attrs);
+    console.log("state.doc:", state.doc.toJSON());
+    if (!dispatch) {
+      console.log("No dispatch, returning false");
+      return false;
+    }
+    const { doc, schema } = state;
+    let tr = state.tr;
+    let found2 = false;
+    const positions = [];
+    doc.descendants((node, pos) => {
+      if (node.isText && node.marks?.length) {
+        node.marks.forEach((mark) => {
+          console.log("Checking mark:", {
+            markType: mark.type.name,
+            markUid: mark.attrs.uid,
+            targetMarkName: markName,
+            targetUid: uid,
+            matches: mark.type.name === markName && mark.attrs.uid === uid
+          });
+          if (mark.type.name === markName && mark.attrs.uid === uid) {
+            positions.push({
+              from: pos,
+              to: pos + node.nodeSize,
+              mark
+            });
+            found2 = true;
+            console.log("Found matching mark at:", { from: pos, to: pos + node.nodeSize });
+          }
+        });
+      }
+    });
+    console.log("Total positions found:", positions.length);
+    console.log("Positions:", positions);
+    if (found2) {
+      positions.forEach(({ from, to, mark }) => {
+        const newAttrs = { ...mark.attrs, ...attrs };
+        const markType = schema.marks[markName];
+        console.log("Applying update:", { from, to, oldAttrs: mark.attrs, newAttrs });
+        if (markType) {
+          console.log("Before removeMark - tr.doc:", tr.doc.toJSON());
+          tr = tr.removeMark(from, to, markType);
+          console.log("After removeMark - tr.doc:", tr.doc.toJSON());
+          tr = tr.addMark(from, to, markType.create(newAttrs));
+          console.log("After addMark - tr.doc:", tr.doc.toJSON());
+        }
+      });
+      console.log("About to dispatch transaction");
+      console.log("Final tr.doc:", tr.doc.toJSON());
+      console.log("Original state.doc:", state.doc.toJSON());
+      dispatch(tr);
+      console.log("Transaction dispatched successfully");
     }
-  }
-  toJSON() {
-    let json = { stepType: "replace", from: this.from, to: this.to };
-    if (this.slice.size)
-      json.slice = this.slice.toJSON();
-    if (this.structure)
-      json.structure = true;
-    return json;
-  }
-  /**
-  @internal
-  */
-  static fromJSON(schema, json) {
-    if (typeof json.from != "number" || typeof json.to != "number")
-      throw new RangeError("Invalid input for ReplaceStep.fromJSON");
-    return new ReplaceStep(json.from, json.to, Slice.fromJSON(schema, json.slice), !!json.structure);
-  }
-}
-Step.jsonID("replace", ReplaceStep);
-class ReplaceAroundStep extends Step {
-  /**
-  Create a replace-around step with the given range and gap.
-  `insert` should be the point in the slice into which the content
-  of the gap should be moved. `structure` has the same meaning as
-  it has in the [`ReplaceStep`](https://prosemirror.net/docs/ref/#transform.ReplaceStep) class.
-  */
-  constructor(from, to, gapFrom, gapTo, slice, insert, structure = false) {
-    super();
-    this.from = from;
-    this.to = to;
-    this.gapFrom = gapFrom;
-    this.gapTo = gapTo;
-    this.slice = slice;
-    this.insert = insert;
-    this.structure = structure;
-  }
-  apply(doc) {
-    if (this.structure && (contentBetween(doc, this.from, this.gapFrom) || contentBetween(doc, this.gapTo, this.to)))
-      return StepResult.fail("Structure gap-replace would overwrite content");
-    let gap = doc.slice(this.gapFrom, this.gapTo);
-    if (gap.openStart || gap.openEnd)
-      return StepResult.fail("Gap is not a flat range");
-    let inserted = this.slice.insertAt(this.insert, gap.content);
-    if (!inserted)
-      return StepResult.fail("Content does not fit in gap");
-    return StepResult.fromReplace(doc, this.from, this.to, inserted);
-  }
-  getMap() {
-    return new StepMap([
-      this.from,
-      this.gapFrom - this.from,
-      this.insert,
-      this.gapTo,
-      this.to - this.gapTo,
-      this.slice.size - this.insert
-    ]);
-  }
-  invert(doc) {
-    let gap = this.gapTo - this.gapFrom;
-    return new ReplaceAroundStep(this.from, this.from + this.slice.size + gap, this.from + this.insert, this.from + this.insert + gap, doc.slice(this.from, this.to).removeBetween(this.gapFrom - this.from, this.gapTo - this.from), this.gapFrom - this.from, this.structure);
-  }
-  map(mapping) {
-    let from = mapping.mapResult(this.from, 1), to = mapping.mapResult(this.to, -1);
-    let gapFrom = this.from == this.gapFrom ? from.pos : mapping.map(this.gapFrom, -1);
-    let gapTo = this.to == this.gapTo ? to.pos : mapping.map(this.gapTo, 1);
-    if (from.deletedAcross && to.deletedAcross || gapFrom < from.pos || gapTo > to.pos)
-      return null;
-    return new ReplaceAroundStep(from.pos, to.pos, gapFrom, gapTo, this.slice, this.insert, this.structure);
-  }
-  toJSON() {
-    let json = {
-      stepType: "replaceAround",
-      from: this.from,
-      to: this.to,
-      gapFrom: this.gapFrom,
-      gapTo: this.gapTo,
-      insert: this.insert
+    console.log("=== UPDATE MARK COMMAND END ===");
+    return found2;
+  };
+};
+const DEFAULT_MEDIA_ATTRS = {
+  uid: "",
+  src: "",
+  type: MediaNodeTypes.Image,
+  style: "object-fit: contain; width: 100%; border-radius: 0.5rem;",
+  maxWidth: MEDIA_MIN_WIDTH,
+  align: Alignment.LEFT,
+  caption: "",
+  uploading: false,
+  progress: 0
+};
+const MediaNode = Node$1.create({
+  name: "media",
+  group: "block",
+  atom: true,
+  addAttributes() {
+    return {
+      uid: { default: DEFAULT_MEDIA_ATTRS.uid },
+      src: { default: DEFAULT_MEDIA_ATTRS.src },
+      type: { default: DEFAULT_MEDIA_ATTRS.type },
+      style: { default: DEFAULT_MEDIA_ATTRS.style },
+      maxWidth: { default: DEFAULT_MEDIA_ATTRS.maxWidth },
+      align: { default: DEFAULT_MEDIA_ATTRS.align },
+      caption: { default: DEFAULT_MEDIA_ATTRS.caption },
+      uploading: { default: DEFAULT_MEDIA_ATTRS.uploading },
+      progress: { default: DEFAULT_MEDIA_ATTRS.progress },
+      payload: { default: null, parseHTML: () => null, renderHTML: () => ({}) }
+    };
+  },
+  draggable() {
+    return Boolean(!this?.options?.attrs?.uploading && !this?.options?.attrs?.mediaMode);
+  },
+  selectable() {
+    return Boolean(!this?.options?.attrs?.mediaMode);
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "div[data-media]",
+        getAttrs: (dom) => {
+          return {
+            uid: dom.getAttribute("data-uid") || "",
+            src: dom.getAttribute("data-src") || "",
+            type: dom.getAttribute("data-type") || MediaNodeTypes.Image,
+            align: dom.getAttribute("data-align") || Alignment.LEFT,
+            caption: dom.getAttribute("data-caption") || "",
+            style: dom.getAttribute("style") || DEFAULT_MEDIA_ATTRS.style
+          };
+        }
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    const { uid, src, style, type, align, maxWidth, caption } = HTMLAttributes;
+    const tag = MEDIA_TAGS[type];
+    const wrapperAttrs = mergeAttributes({
+      style: buildWrapperStyle(align),
+      "data-media": true,
+      "data-uid": uid,
+      "data-type": type,
+      "data-src": src,
+      "data-caption": caption || "",
+      "data-align": align
+    });
+    const mediaAttrs = mergeAttributes(
+      { src, style: buildMediaStyle(style, type, maxWidth) },
+      { controls: type === MediaNodeTypes.Audio || type === MediaNodeTypes.Video }
+    );
+    return ["div", wrapperAttrs, [tag, mediaAttrs]];
+  },
+  addNodeView() {
+    return ReactNodeViewRenderer(MediaNodeView);
+  },
+  addCommands() {
+    return {
+      insertMedia: (options) => ({ commands, chain }) => {
+        if (this?.options?.attrs?.mediaMode) {
+          return chain().insertContent([{ type: this.name, attrs: options }]).command(({ tr, dispatch }) => {
+            if (dispatch) {
+              const endPos = tr.doc.content.size;
+              const $pos = tr.doc.resolve(endPos);
+              tr.setSelection(TextSelection$1.near($pos));
+            }
+            return true;
+          }).run();
+        }
+        return commands.insertContent([
+          { type: this.name, attrs: options },
+          { type: "paragraph" }
+          //! Fixes multiple media overlapping issue (But removes default selection feature)
+        ]);
+      },
+      updateMediaByUid: createUpdateByUidCommand(this.name),
+      deleteMediaByUid: createDeleteByUidCommand(this.name),
+      updateMediaProgress: (uid, progress) => ({ commands }) => {
+        return commands.updateMediaByUid(uid, { progress });
+      }
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      Backspace: () => {
+        const { selection, doc } = this.editor.state;
+        const $pos = selection.$anchor;
+        const nodeBefore = $pos.nodeBefore;
+        if (nodeBefore?.type.name === this.name && nodeBefore.attrs.uploading) {
+          toast.info("Please wait for upload to complete or cancel it first");
+          return true;
+        }
+        const nodeAtSelection = doc.nodeAt(selection.from);
+        if (nodeAtSelection?.type.name === this.name && nodeAtSelection.attrs.uploading) {
+          toast.info("Please wait for upload to complete or cancel it first");
+          return true;
+        }
+        return false;
+      },
+      Delete: () => {
+        const { selection, doc } = this.editor.state;
+        const $pos = selection.$anchor;
+        const nodeAfter = $pos.nodeAfter;
+        if (nodeAfter?.type.name === this.name && nodeAfter.attrs.uploading) {
+          toast.info("Please wait for upload to complete or cancel it first");
+          return true;
+        }
+        const nodeAtSelection = doc.nodeAt(selection.from);
+        if (nodeAtSelection?.type.name === this.name && nodeAtSelection.attrs.uploading) {
+          toast.info("Please wait for upload to complete or cancel it first");
+          return true;
+        }
+        return false;
+      }
     };
-    if (this.slice.size)
-      json.slice = this.slice.toJSON();
-    if (this.structure)
-      json.structure = true;
-    return json;
-  }
-  /**
-  @internal
-  */
-  static fromJSON(schema, json) {
-    if (typeof json.from != "number" || typeof json.to != "number" || typeof json.gapFrom != "number" || typeof json.gapTo != "number" || typeof json.insert != "number")
-      throw new RangeError("Invalid input for ReplaceAroundStep.fromJSON");
-    return new ReplaceAroundStep(json.from, json.to, json.gapFrom, json.gapTo, Slice.fromJSON(schema, json.slice), json.insert, !!json.structure);
   }
+});
+const buildWrapperStyle = (align) => `width: 100%; display: flex; justify-content: ${getAlignmentStyle(align)}; margin:16px 0`;
+const buildMediaStyle = (baseStyle, type, maxWidth) => `${baseStyle}; max-width: ${type === MediaNodeTypes.Audio ? "100%" : `${maxWidth}%`}; ${type !== MediaNodeTypes.Audio ? "height: auto;" : ""}`;
+const getAlignmentStyle = (align) => {
+  const map = {
+    [Alignment.LEFT]: "flex-start",
+    [Alignment.CENTER]: "center",
+    [Alignment.RIGHT]: "flex-end"
+  };
+  return map[align] || "flex-start";
+};
+const lower16 = 65535;
+const factor16 = Math.pow(2, 16);
+function makeRecover(index2, offset2) {
+  return index2 + offset2 * factor16;
 }
-Step.jsonID("replaceAround", ReplaceAroundStep);
-function contentBetween(doc, from, to) {
-  let $from = doc.resolve(from), dist = to - from, depth = $from.depth;
-  while (dist > 0 && depth > 0 && $from.indexAfter(depth) == $from.node(depth).childCount) {
-    depth--;
-    dist--;
-  }
-  if (dist > 0) {
-    let next = $from.node(depth).maybeChild($from.indexAfter(depth));
-    while (dist > 0) {
-      if (!next || next.isLeaf)
-        return true;
-      next = next.firstChild;
-      dist--;
-    }
-  }
-  return false;
+function recoverIndex(value) {
+  return value & lower16;
 }
-class AttrStep extends Step {
+function recoverOffset(value) {
+  return (value - (value & lower16)) / factor16;
+}
+const DEL_BEFORE = 1, DEL_AFTER = 2, DEL_ACROSS = 4, DEL_SIDE = 8;
+class MapResult {
   /**
-  Construct an attribute step.
+  @internal
   */
-  constructor(pos, attr, value) {
-    super();
+  constructor(pos, delInfo, recover) {
     this.pos = pos;
-    this.attr = attr;
-    this.value = value;
-  }
-  apply(doc) {
-    let node = doc.nodeAt(this.pos);
-    if (!node)
-      return StepResult.fail("No node at attribute step's position");
-    let attrs = /* @__PURE__ */ Object.create(null);
-    for (let name in node.attrs)
-      attrs[name] = node.attrs[name];
-    attrs[this.attr] = this.value;
-    let updated = node.type.create(attrs, null, node.marks);
-    return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment.from(updated), 0, node.isLeaf ? 0 : 1));
-  }
-  getMap() {
-    return StepMap.empty;
+    this.delInfo = delInfo;
+    this.recover = recover;
   }
-  invert(doc) {
-    return new AttrStep(this.pos, this.attr, doc.nodeAt(this.pos).attrs[this.attr]);
+  /**
+  Tells you whether the position was deleted, that is, whether the
+  step removed the token on the side queried (via the `assoc`)
+  argument from the document.
+  */
+  get deleted() {
+    return (this.delInfo & DEL_SIDE) > 0;
   }
-  map(mapping) {
-    let pos = mapping.mapResult(this.pos, 1);
-    return pos.deletedAfter ? null : new AttrStep(pos.pos, this.attr, this.value);
+  /**
+  Tells you whether the token before the mapped position was deleted.
+  */
+  get deletedBefore() {
+    return (this.delInfo & (DEL_BEFORE | DEL_ACROSS)) > 0;
   }
-  toJSON() {
-    return { stepType: "attr", pos: this.pos, attr: this.attr, value: this.value };
+  /**
+  True when the token after the mapped position was deleted.
+  */
+  get deletedAfter() {
+    return (this.delInfo & (DEL_AFTER | DEL_ACROSS)) > 0;
   }
-  static fromJSON(schema, json) {
-    if (typeof json.pos != "number" || typeof json.attr != "string")
-      throw new RangeError("Invalid input for AttrStep.fromJSON");
-    return new AttrStep(json.pos, json.attr, json.value);
+  /**
+  Tells whether any of the steps mapped through deletes across the
+  position (including both the token before and after the
+  position).
+  */
+  get deletedAcross() {
+    return (this.delInfo & DEL_ACROSS) > 0;
   }
 }
-Step.jsonID("attr", AttrStep);
-class DocAttrStep extends Step {
+class StepMap {
   /**
-  Construct an attribute step.
+  Create a position map. The modifications to the document are
+  represented as an array of numbers, in which each group of three
+  represents a modified chunk as `[start, oldSize, newSize]`.
   */
-  constructor(attr, value) {
-    super();
-    this.attr = attr;
-    this.value = value;
-  }
-  apply(doc) {
-    let attrs = /* @__PURE__ */ Object.create(null);
-    for (let name in doc.attrs)
-      attrs[name] = doc.attrs[name];
-    attrs[this.attr] = this.value;
-    let updated = doc.type.create(attrs, doc.content, doc.marks);
-    return StepResult.ok(updated);
+  constructor(ranges, inverted = false) {
+    this.ranges = ranges;
+    this.inverted = inverted;
+    if (!ranges.length && StepMap.empty)
+      return StepMap.empty;
   }
-  getMap() {
-    return StepMap.empty;
+  /**
+  @internal
+  */
+  recover(value) {
+    let diff = 0, index2 = recoverIndex(value);
+    if (!this.inverted)
+      for (let i = 0; i < index2; i++)
+        diff += this.ranges[i * 3 + 2] - this.ranges[i * 3 + 1];
+    return this.ranges[index2 * 3] + diff + recoverOffset(value);
   }
-  invert(doc) {
-    return new DocAttrStep(this.attr, doc.attrs[this.attr]);
+  mapResult(pos, assoc = 1) {
+    return this._map(pos, assoc, false);
   }
-  map(mapping) {
-    return this;
+  map(pos, assoc = 1) {
+    return this._map(pos, assoc, true);
   }
-  toJSON() {
-    return { stepType: "docAttr", attr: this.attr, value: this.value };
+  /**
+  @internal
+  */
+  _map(pos, assoc, simple) {
+    let diff = 0, oldIndex = this.inverted ? 2 : 1, newIndex = this.inverted ? 1 : 2;
+    for (let i = 0; i < this.ranges.length; i += 3) {
+      let start2 = this.ranges[i] - (this.inverted ? diff : 0);
+      if (start2 > pos)
+        break;
+      let oldSize = this.ranges[i + oldIndex], newSize = this.ranges[i + newIndex], end2 = start2 + oldSize;
+      if (pos <= end2) {
+        let side = !oldSize ? assoc : pos == start2 ? -1 : pos == end2 ? 1 : assoc;
+        let result = start2 + diff + (side < 0 ? 0 : newSize);
+        if (simple)
+          return result;
+        let recover = pos == (assoc < 0 ? start2 : end2) ? null : makeRecover(i / 3, pos - start2);
+        let del = pos == start2 ? DEL_AFTER : pos == end2 ? DEL_BEFORE : DEL_ACROSS;
+        if (assoc < 0 ? pos != start2 : pos != end2)
+          del |= DEL_SIDE;
+        return new MapResult(result, del, recover);
+      }
+      diff += newSize - oldSize;
+    }
+    return simple ? pos + diff : new MapResult(pos + diff, 0, null);
   }
-  static fromJSON(schema, json) {
-    if (typeof json.attr != "string")
-      throw new RangeError("Invalid input for DocAttrStep.fromJSON");
-    return new DocAttrStep(json.attr, json.value);
+  /**
+  @internal
+  */
+  touches(pos, recover) {
+    let diff = 0, index2 = recoverIndex(recover);
+    let oldIndex = this.inverted ? 2 : 1, newIndex = this.inverted ? 1 : 2;
+    for (let i = 0; i < this.ranges.length; i += 3) {
+      let start2 = this.ranges[i] - (this.inverted ? diff : 0);
+      if (start2 > pos)
+        break;
+      let oldSize = this.ranges[i + oldIndex], end2 = start2 + oldSize;
+      if (pos <= end2 && i == index2 * 3)
+        return true;
+      diff += this.ranges[i + newIndex] - oldSize;
+    }
+    return false;
   }
-}
-Step.jsonID("docAttr", DocAttrStep);
-let TransformError = class extends Error {
-};
-TransformError = function TransformError2(message) {
-  let err = Error.call(this, message);
-  err.__proto__ = TransformError2.prototype;
-  return err;
-};
-TransformError.prototype = Object.create(Error.prototype);
-TransformError.prototype.constructor = TransformError;
-TransformError.prototype.name = "TransformError";
-const classesById = /* @__PURE__ */ Object.create(null);
-class Selection {
   /**
-  Initialize a selection with the head and anchor and ranges. If no
-  ranges are given, constructs a single range across `$anchor` and
-  `$head`.
+  Calls the given function on each of the changed ranges included in
+  this map.
   */
-  constructor($anchor, $head, ranges) {
-    this.$anchor = $anchor;
-    this.$head = $head;
-    this.ranges = ranges || [new SelectionRange($anchor.min($head), $anchor.max($head))];
+  forEach(f) {
+    let oldIndex = this.inverted ? 2 : 1, newIndex = this.inverted ? 1 : 2;
+    for (let i = 0, diff = 0; i < this.ranges.length; i += 3) {
+      let start2 = this.ranges[i], oldStart = start2 - (this.inverted ? diff : 0), newStart = start2 + (this.inverted ? 0 : diff);
+      let oldSize = this.ranges[i + oldIndex], newSize = this.ranges[i + newIndex];
+      f(oldStart, oldStart + oldSize, newStart, newStart + newSize);
+      diff += newSize - oldSize;
+    }
   }
   /**
-  The selection's anchor, as an unresolved position.
+  Create an inverted version of this map. The result can be used to
+  map positions in the post-step document to the pre-step document.
   */
-  get anchor() {
-    return this.$anchor.pos;
+  invert() {
+    return new StepMap(this.ranges, !this.inverted);
   }
   /**
-  The selection's head.
+  @internal
   */
-  get head() {
-    return this.$head.pos;
+  toString() {
+    return (this.inverted ? "-" : "") + JSON.stringify(this.ranges);
   }
   /**
-  The lower bound of the selection's main range.
+  Create a map that moves all positions by offset `n` (which may be
+  negative). This can be useful when applying steps meant for a
+  sub-document to a larger document, or vice-versa.
   */
-  get from() {
-    return this.$from.pos;
+  static offset(n) {
+    return n == 0 ? StepMap.empty : new StepMap(n < 0 ? [0, -n, 0] : [0, 0, n]);
   }
+}
+StepMap.empty = new StepMap([]);
+const stepsByID = /* @__PURE__ */ Object.create(null);
+class Step {
   /**
-  The upper bound of the selection's main range.
+  Get the step map that represents the changes made by this step,
+  and which can be used to transform between positions in the old
+  and the new document.
   */
-  get to() {
-    return this.$to.pos;
+  getMap() {
+    return StepMap.empty;
   }
   /**
-  The resolved lower  bound of the selection's main range.
+  Try to merge this step with another one, to be applied directly
+  after it. Returns the merged step when possible, null if the
+  steps can't be merged.
   */
-  get $from() {
-    return this.ranges[0].$from;
+  merge(other) {
+    return null;
   }
   /**
-  The resolved upper bound of the selection's main range.
+  Deserialize a step from its JSON representation. Will call
+  through to the step class' own implementation of this method.
   */
-  get $to() {
-    return this.ranges[0].$to;
+  static fromJSON(schema, json) {
+    if (!json || !json.stepType)
+      throw new RangeError("Invalid input for Step.fromJSON");
+    let type = stepsByID[json.stepType];
+    if (!type)
+      throw new RangeError(`No step type ${json.stepType} defined`);
+    return type.fromJSON(schema, json);
   }
   /**
-  Indicates whether the selection contains any content.
+  To be able to serialize steps to JSON, each step needs a string
+  ID to attach to its JSON representation. Use this method to
+  register an ID for your step classes. Try to pick something
+  that's unlikely to clash with steps from other modules.
   */
-  get empty() {
-    let ranges = this.ranges;
-    for (let i = 0; i < ranges.length; i++)
-      if (ranges[i].$from.pos != ranges[i].$to.pos)
-        return false;
-    return true;
+  static jsonID(id, stepClass) {
+    if (id in stepsByID)
+      throw new RangeError("Duplicate use of step JSON ID " + id);
+    stepsByID[id] = stepClass;
+    stepClass.prototype.jsonID = id;
+    return stepClass;
   }
+}
+class StepResult {
   /**
-  Get the content of this selection as a slice.
+  @internal
   */
-  content() {
-    return this.$from.doc.slice(this.from, this.to, true);
+  constructor(doc, failed) {
+    this.doc = doc;
+    this.failed = failed;
   }
   /**
-  Replace the selection with a slice or, if no slice is given,
-  delete the selection. Will append to the given transaction.
+  Create a successful step result.
   */
-  replace(tr, content = Slice.empty) {
-    let lastNode = content.content.lastChild, lastParent = null;
-    for (let i = 0; i < content.openEnd; i++) {
-      lastParent = lastNode;
-      lastNode = lastNode.lastChild;
-    }
-    let mapFrom = tr.steps.length, ranges = this.ranges;
-    for (let i = 0; i < ranges.length; i++) {
-      let { $from, $to } = ranges[i], mapping = tr.mapping.slice(mapFrom);
-      tr.replaceRange(mapping.map($from.pos), mapping.map($to.pos), i ? Slice.empty : content);
-      if (i == 0)
-        selectionToInsertionEnd(tr, mapFrom, (lastNode ? lastNode.isInline : lastParent && lastParent.isTextblock) ? -1 : 1);
-    }
+  static ok(doc) {
+    return new StepResult(doc, null);
   }
   /**
-  Replace the selection with the given node, appending the changes
-  to the given transaction.
+  Create a failed step result.
   */
-  replaceWith(tr, node) {
-    let mapFrom = tr.steps.length, ranges = this.ranges;
-    for (let i = 0; i < ranges.length; i++) {
-      let { $from, $to } = ranges[i], mapping = tr.mapping.slice(mapFrom);
-      let from = mapping.map($from.pos), to = mapping.map($to.pos);
-      if (i) {
-        tr.deleteRange(from, to);
-      } else {
-        tr.replaceRangeWith(from, to, node);
-        selectionToInsertionEnd(tr, mapFrom, node.isInline ? -1 : 1);
-      }
-    }
+  static fail(message) {
+    return new StepResult(null, message);
   }
   /**
-  Find a valid cursor or leaf node selection starting at the given
-  position and searching back if `dir` is negative, and forward if
-  positive. When `textOnly` is true, only consider cursor
-  selections. Will return null when no valid selection position is
-  found.
+  Call [`Node.replace`](https://prosemirror.net/docs/ref/#model.Node.replace) with the given
+  arguments. Create a successful result if it succeeds, and a
+  failed one if it throws a `ReplaceError`.
   */
-  static findFrom($pos, dir, textOnly = false) {
-    let inner = $pos.parent.inlineContent ? new TextSelection($pos) : findSelectionIn($pos.node(0), $pos.parent, $pos.pos, $pos.index(), dir, textOnly);
-    if (inner)
-      return inner;
-    for (let depth = $pos.depth - 1; depth >= 0; depth--) {
-      let found2 = dir < 0 ? findSelectionIn($pos.node(0), $pos.node(depth), $pos.before(depth + 1), $pos.index(depth), dir, textOnly) : findSelectionIn($pos.node(0), $pos.node(depth), $pos.after(depth + 1), $pos.index(depth) + 1, dir, textOnly);
-      if (found2)
-        return found2;
+  static fromReplace(doc, from, to, slice) {
+    try {
+      return StepResult.ok(doc.replace(from, to, slice));
+    } catch (e) {
+      if (e instanceof ReplaceError)
+        return StepResult.fail(e.message);
+      throw e;
     }
-    return null;
   }
-  /**
-  Find a valid cursor or leaf node selection near the given
-  position. Searches forward first by default, but if `bias` is
-  negative, it will search backwards first.
-  */
-  static near($pos, bias = 1) {
-    return this.findFrom($pos, bias) || this.findFrom($pos, -bias) || new AllSelection($pos.node(0));
+}
+function mapFragment(fragment, f, parent2) {
+  let mapped = [];
+  for (let i = 0; i < fragment.childCount; i++) {
+    let child = fragment.child(i);
+    if (child.content.size)
+      child = child.copy(mapFragment(child.content, f, child));
+    if (child.isInline)
+      child = f(child, parent2, i);
+    mapped.push(child);
   }
+  return Fragment.fromArray(mapped);
+}
+class AddMarkStep extends Step {
   /**
-  Find the cursor or leaf node selection closest to the start of
-  the given document. Will return an
-  [`AllSelection`](https://prosemirror.net/docs/ref/#state.AllSelection) if no valid position
-  exists.
+  Create a mark step.
   */
-  static atStart(doc) {
-    return findSelectionIn(doc, doc, 0, 0, 1) || new AllSelection(doc);
+  constructor(from, to, mark) {
+    super();
+    this.from = from;
+    this.to = to;
+    this.mark = mark;
   }
-  /**
-  Find the cursor or leaf node selection closest to the end of the
-  given document.
-  */
-  static atEnd(doc) {
-    return findSelectionIn(doc, doc, doc.content.size, doc.childCount, -1) || new AllSelection(doc);
+  apply(doc) {
+    let oldSlice = doc.slice(this.from, this.to), $from = doc.resolve(this.from);
+    let parent2 = $from.node($from.sharedDepth(this.to));
+    let slice = new Slice(mapFragment(oldSlice.content, (node, parent3) => {
+      if (!node.isAtom || !parent3.type.allowsMarkType(this.mark.type))
+        return node;
+      return node.mark(this.mark.addToSet(node.marks));
+    }, parent2), oldSlice.openStart, oldSlice.openEnd);
+    return StepResult.fromReplace(doc, this.from, this.to, slice);
   }
-  /**
-  Deserialize the JSON representation of a selection. Must be
-  implemented for custom classes (as a static class method).
-  */
-  static fromJSON(doc, json) {
-    if (!json || !json.type)
-      throw new RangeError("Invalid input for Selection.fromJSON");
-    let cls = classesById[json.type];
-    if (!cls)
-      throw new RangeError(`No selection type ${json.type} defined`);
-    return cls.fromJSON(doc, json);
+  invert() {
+    return new RemoveMarkStep(this.from, this.to, this.mark);
   }
-  /**
-  To be able to deserialize selections from JSON, custom selection
-  classes must register themselves with an ID string, so that they
-  can be disambiguated. Try to pick something that's unlikely to
-  clash with classes from other modules.
-  */
-  static jsonID(id, selectionClass) {
-    if (id in classesById)
-      throw new RangeError("Duplicate use of selection JSON ID " + id);
-    classesById[id] = selectionClass;
-    selectionClass.prototype.jsonID = id;
-    return selectionClass;
+  map(mapping) {
+    let from = mapping.mapResult(this.from, 1), to = mapping.mapResult(this.to, -1);
+    if (from.deleted && to.deleted || from.pos >= to.pos)
+      return null;
+    return new AddMarkStep(from.pos, to.pos, this.mark);
+  }
+  merge(other) {
+    if (other instanceof AddMarkStep && other.mark.eq(this.mark) && this.from <= other.to && this.to >= other.from)
+      return new AddMarkStep(Math.min(this.from, other.from), Math.max(this.to, other.to), this.mark);
+    return null;
+  }
+  toJSON() {
+    return {
+      stepType: "addMark",
+      mark: this.mark.toJSON(),
+      from: this.from,
+      to: this.to
+    };
   }
   /**
-  Get a [bookmark](https://prosemirror.net/docs/ref/#state.SelectionBookmark) for this selection,
-  which is a value that can be mapped without having access to a
-  current document, and later resolved to a real selection for a
-  given document again. (This is used mostly by the history to
-  track and restore old selections.) The default implementation of
-  this method just converts the selection to a text selection and
-  returns the bookmark for that.
+  @internal
   */
-  getBookmark() {
-    return TextSelection.between(this.$anchor, this.$head).getBookmark();
+  static fromJSON(schema, json) {
+    if (typeof json.from != "number" || typeof json.to != "number")
+      throw new RangeError("Invalid input for AddMarkStep.fromJSON");
+    return new AddMarkStep(json.from, json.to, schema.markFromJSON(json.mark));
   }
 }
-Selection.prototype.visible = true;
-class SelectionRange {
+Step.jsonID("addMark", AddMarkStep);
+class RemoveMarkStep extends Step {
   /**
-  Create a range.
+  Create a mark-removing step.
   */
-  constructor($from, $to) {
-    this.$from = $from;
-    this.$to = $to;
+  constructor(from, to, mark) {
+    super();
+    this.from = from;
+    this.to = to;
+    this.mark = mark;
   }
-}
-let warnedAboutTextSelection = false;
-function checkTextSelection($pos) {
-  if (!warnedAboutTextSelection && !$pos.parent.inlineContent) {
-    warnedAboutTextSelection = true;
-    console["warn"]("TextSelection endpoint not pointing into a node with inline content (" + $pos.parent.type.name + ")");
+  apply(doc) {
+    let oldSlice = doc.slice(this.from, this.to);
+    let slice = new Slice(mapFragment(oldSlice.content, (node) => {
+      return node.mark(this.mark.removeFromSet(node.marks));
+    }, doc), oldSlice.openStart, oldSlice.openEnd);
+    return StepResult.fromReplace(doc, this.from, this.to, slice);
+  }
+  invert() {
+    return new AddMarkStep(this.from, this.to, this.mark);
+  }
+  map(mapping) {
+    let from = mapping.mapResult(this.from, 1), to = mapping.mapResult(this.to, -1);
+    if (from.deleted && to.deleted || from.pos >= to.pos)
+      return null;
+    return new RemoveMarkStep(from.pos, to.pos, this.mark);
+  }
+  merge(other) {
+    if (other instanceof RemoveMarkStep && other.mark.eq(this.mark) && this.from <= other.to && this.to >= other.from)
+      return new RemoveMarkStep(Math.min(this.from, other.from), Math.max(this.to, other.to), this.mark);
+    return null;
+  }
+  toJSON() {
+    return {
+      stepType: "removeMark",
+      mark: this.mark.toJSON(),
+      from: this.from,
+      to: this.to
+    };
   }
-}
-class TextSelection extends Selection {
   /**
-  Construct a text selection between the given points.
+  @internal
   */
-  constructor($anchor, $head = $anchor) {
-    checkTextSelection($anchor);
-    checkTextSelection($head);
-    super($anchor, $head);
+  static fromJSON(schema, json) {
+    if (typeof json.from != "number" || typeof json.to != "number")
+      throw new RangeError("Invalid input for RemoveMarkStep.fromJSON");
+    return new RemoveMarkStep(json.from, json.to, schema.markFromJSON(json.mark));
   }
+}
+Step.jsonID("removeMark", RemoveMarkStep);
+class AddNodeMarkStep extends Step {
   /**
-  Returns a resolved position if this is a cursor selection (an
-  empty text selection), and null otherwise.
+  Create a node mark step.
   */
-  get $cursor() {
-    return this.$anchor.pos == this.$head.pos ? this.$head : null;
+  constructor(pos, mark) {
+    super();
+    this.pos = pos;
+    this.mark = mark;
   }
-  map(doc, mapping) {
-    let $head = doc.resolve(mapping.map(this.head));
-    if (!$head.parent.inlineContent)
-      return Selection.near($head);
-    let $anchor = doc.resolve(mapping.map(this.anchor));
-    return new TextSelection($anchor.parent.inlineContent ? $anchor : $head, $head);
+  apply(doc) {
+    let node = doc.nodeAt(this.pos);
+    if (!node)
+      return StepResult.fail("No node at mark step's position");
+    let updated = node.type.create(node.attrs, null, this.mark.addToSet(node.marks));
+    return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment.from(updated), 0, node.isLeaf ? 0 : 1));
   }
-  replace(tr, content = Slice.empty) {
-    super.replace(tr, content);
-    if (content == Slice.empty) {
-      let marks = this.$from.marksAcross(this.$to);
-      if (marks)
-        tr.ensureMarks(marks);
+  invert(doc) {
+    let node = doc.nodeAt(this.pos);
+    if (node) {
+      let newSet = this.mark.addToSet(node.marks);
+      if (newSet.length == node.marks.length) {
+        for (let i = 0; i < node.marks.length; i++)
+          if (!node.marks[i].isInSet(newSet))
+            return new AddNodeMarkStep(this.pos, node.marks[i]);
+        return new AddNodeMarkStep(this.pos, this.mark);
+      }
     }
+    return new RemoveNodeMarkStep(this.pos, this.mark);
   }
-  eq(other) {
-    return other instanceof TextSelection && other.anchor == this.anchor && other.head == this.head;
-  }
-  getBookmark() {
-    return new TextBookmark(this.anchor, this.head);
+  map(mapping) {
+    let pos = mapping.mapResult(this.pos, 1);
+    return pos.deletedAfter ? null : new AddNodeMarkStep(pos.pos, this.mark);
   }
   toJSON() {
-    return { type: "text", anchor: this.anchor, head: this.head };
+    return { stepType: "addNodeMark", pos: this.pos, mark: this.mark.toJSON() };
   }
   /**
   @internal
   */
-  static fromJSON(doc, json) {
-    if (typeof json.anchor != "number" || typeof json.head != "number")
-      throw new RangeError("Invalid input for TextSelection.fromJSON");
-    return new TextSelection(doc.resolve(json.anchor), doc.resolve(json.head));
+  static fromJSON(schema, json) {
+    if (typeof json.pos != "number")
+      throw new RangeError("Invalid input for AddNodeMarkStep.fromJSON");
+    return new AddNodeMarkStep(json.pos, schema.markFromJSON(json.mark));
   }
+}
+Step.jsonID("addNodeMark", AddNodeMarkStep);
+class RemoveNodeMarkStep extends Step {
   /**
-  Create a text selection from non-resolved positions.
+  Create a mark-removing step.
   */
-  static create(doc, anchor, head = anchor) {
-    let $anchor = doc.resolve(anchor);
-    return new this($anchor, head == anchor ? $anchor : doc.resolve(head));
+  constructor(pos, mark) {
+    super();
+    this.pos = pos;
+    this.mark = mark;
+  }
+  apply(doc) {
+    let node = doc.nodeAt(this.pos);
+    if (!node)
+      return StepResult.fail("No node at mark step's position");
+    let updated = node.type.create(node.attrs, null, this.mark.removeFromSet(node.marks));
+    return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment.from(updated), 0, node.isLeaf ? 0 : 1));
+  }
+  invert(doc) {
+    let node = doc.nodeAt(this.pos);
+    if (!node || !this.mark.isInSet(node.marks))
+      return this;
+    return new AddNodeMarkStep(this.pos, this.mark);
+  }
+  map(mapping) {
+    let pos = mapping.mapResult(this.pos, 1);
+    return pos.deletedAfter ? null : new RemoveNodeMarkStep(pos.pos, this.mark);
+  }
+  toJSON() {
+    return { stepType: "removeNodeMark", pos: this.pos, mark: this.mark.toJSON() };
   }
   /**
-  Return a text selection that spans the given positions or, if
-  they aren't text positions, find a text selection near them.
-  `bias` determines whether the method searches forward (default)
-  or backwards (negative number) first. Will fall back to calling
-  [`Selection.near`](https://prosemirror.net/docs/ref/#state.Selection^near) when the document
-  doesn't contain a valid text position.
+  @internal
   */
-  static between($anchor, $head, bias) {
-    let dPos = $anchor.pos - $head.pos;
-    if (!bias || dPos)
-      bias = dPos >= 0 ? 1 : -1;
-    if (!$head.parent.inlineContent) {
-      let found2 = Selection.findFrom($head, bias, true) || Selection.findFrom($head, -bias, true);
-      if (found2)
-        $head = found2.$head;
-      else
-        return Selection.near($head, bias);
-    }
-    if (!$anchor.parent.inlineContent) {
-      if (dPos == 0) {
-        $anchor = $head;
-      } else {
-        $anchor = (Selection.findFrom($anchor, -bias, true) || Selection.findFrom($anchor, bias, true)).$anchor;
-        if ($anchor.pos < $head.pos != dPos < 0)
-          $anchor = $head;
-      }
-    }
-    return new TextSelection($anchor, $head);
+  static fromJSON(schema, json) {
+    if (typeof json.pos != "number")
+      throw new RangeError("Invalid input for RemoveNodeMarkStep.fromJSON");
+    return new RemoveNodeMarkStep(json.pos, schema.markFromJSON(json.mark));
   }
 }
-Selection.jsonID("text", TextSelection);
-class TextBookmark {
-  constructor(anchor, head) {
-    this.anchor = anchor;
-    this.head = head;
+Step.jsonID("removeNodeMark", RemoveNodeMarkStep);
+class ReplaceStep extends Step {
+  /**
+  The given `slice` should fit the 'gap' between `from` and
+  `to`—the depths must line up, and the surrounding nodes must be
+  able to be joined with the open sides of the slice. When
+  `structure` is true, the step will fail if the content between
+  from and to is not just a sequence of closing and then opening
+  tokens (this is to guard against rebased replace steps
+  overwriting something they weren't supposed to).
+  */
+  constructor(from, to, slice, structure = false) {
+    super();
+    this.from = from;
+    this.to = to;
+    this.slice = slice;
+    this.structure = structure;
+  }
+  apply(doc) {
+    if (this.structure && contentBetween(doc, this.from, this.to))
+      return StepResult.fail("Structure replace would overwrite content");
+    return StepResult.fromReplace(doc, this.from, this.to, this.slice);
+  }
+  getMap() {
+    return new StepMap([this.from, this.to - this.from, this.slice.size]);
+  }
+  invert(doc) {
+    return new ReplaceStep(this.from, this.from + this.slice.size, doc.slice(this.from, this.to));
   }
   map(mapping) {
-    return new TextBookmark(mapping.map(this.anchor), mapping.map(this.head));
+    let from = mapping.mapResult(this.from, 1), to = mapping.mapResult(this.to, -1);
+    if (from.deletedAcross && to.deletedAcross)
+      return null;
+    return new ReplaceStep(from.pos, Math.max(from.pos, to.pos), this.slice, this.structure);
   }
-  resolve(doc) {
-    return TextSelection.between(doc.resolve(this.anchor), doc.resolve(this.head));
+  merge(other) {
+    if (!(other instanceof ReplaceStep) || other.structure || this.structure)
+      return null;
+    if (this.from + this.slice.size == other.from && !this.slice.openEnd && !other.slice.openStart) {
+      let slice = this.slice.size + other.slice.size == 0 ? Slice.empty : new Slice(this.slice.content.append(other.slice.content), this.slice.openStart, other.slice.openEnd);
+      return new ReplaceStep(this.from, this.to + (other.to - other.from), slice, this.structure);
+    } else if (other.to == this.from && !this.slice.openStart && !other.slice.openEnd) {
+      let slice = this.slice.size + other.slice.size == 0 ? Slice.empty : new Slice(other.slice.content.append(this.slice.content), other.slice.openStart, this.slice.openEnd);
+      return new ReplaceStep(other.from, this.to, slice, this.structure);
+    } else {
+      return null;
+    }
+  }
+  toJSON() {
+    let json = { stepType: "replace", from: this.from, to: this.to };
+    if (this.slice.size)
+      json.slice = this.slice.toJSON();
+    if (this.structure)
+      json.structure = true;
+    return json;
+  }
+  /**
+  @internal
+  */
+  static fromJSON(schema, json) {
+    if (typeof json.from != "number" || typeof json.to != "number")
+      throw new RangeError("Invalid input for ReplaceStep.fromJSON");
+    return new ReplaceStep(json.from, json.to, Slice.fromJSON(schema, json.slice), !!json.structure);
   }
 }
-class NodeSelection extends Selection {
+Step.jsonID("replace", ReplaceStep);
+class ReplaceAroundStep extends Step {
   /**
-  Create a node selection. Does not verify the validity of its
-  argument.
+  Create a replace-around step with the given range and gap.
+  `insert` should be the point in the slice into which the content
+  of the gap should be moved. `structure` has the same meaning as
+  it has in the [`ReplaceStep`](https://prosemirror.net/docs/ref/#transform.ReplaceStep) class.
   */
-  constructor($pos) {
-    let node = $pos.nodeAfter;
-    let $end = $pos.node(0).resolve($pos.pos + node.nodeSize);
-    super($pos, $end);
-    this.node = node;
+  constructor(from, to, gapFrom, gapTo, slice, insert, structure = false) {
+    super();
+    this.from = from;
+    this.to = to;
+    this.gapFrom = gapFrom;
+    this.gapTo = gapTo;
+    this.slice = slice;
+    this.insert = insert;
+    this.structure = structure;
   }
-  map(doc, mapping) {
-    let { deleted, pos } = mapping.mapResult(this.anchor);
-    let $pos = doc.resolve(pos);
-    if (deleted)
-      return Selection.near($pos);
-    return new NodeSelection($pos);
+  apply(doc) {
+    if (this.structure && (contentBetween(doc, this.from, this.gapFrom) || contentBetween(doc, this.gapTo, this.to)))
+      return StepResult.fail("Structure gap-replace would overwrite content");
+    let gap = doc.slice(this.gapFrom, this.gapTo);
+    if (gap.openStart || gap.openEnd)
+      return StepResult.fail("Gap is not a flat range");
+    let inserted = this.slice.insertAt(this.insert, gap.content);
+    if (!inserted)
+      return StepResult.fail("Content does not fit in gap");
+    return StepResult.fromReplace(doc, this.from, this.to, inserted);
   }
-  content() {
-    return new Slice(Fragment.from(this.node), 0, 0);
+  getMap() {
+    return new StepMap([
+      this.from,
+      this.gapFrom - this.from,
+      this.insert,
+      this.gapTo,
+      this.to - this.gapTo,
+      this.slice.size - this.insert
+    ]);
+  }
+  invert(doc) {
+    let gap = this.gapTo - this.gapFrom;
+    return new ReplaceAroundStep(this.from, this.from + this.slice.size + gap, this.from + this.insert, this.from + this.insert + gap, doc.slice(this.from, this.to).removeBetween(this.gapFrom - this.from, this.gapTo - this.from), this.gapFrom - this.from, this.structure);
   }
-  eq(other) {
-    return other instanceof NodeSelection && other.anchor == this.anchor;
+  map(mapping) {
+    let from = mapping.mapResult(this.from, 1), to = mapping.mapResult(this.to, -1);
+    let gapFrom = this.from == this.gapFrom ? from.pos : mapping.map(this.gapFrom, -1);
+    let gapTo = this.to == this.gapTo ? to.pos : mapping.map(this.gapTo, 1);
+    if (from.deletedAcross && to.deletedAcross || gapFrom < from.pos || gapTo > to.pos)
+      return null;
+    return new ReplaceAroundStep(from.pos, to.pos, gapFrom, gapTo, this.slice, this.insert, this.structure);
   }
   toJSON() {
-    return { type: "node", anchor: this.anchor };
-  }
-  getBookmark() {
-    return new NodeBookmark(this.anchor);
+    let json = {
+      stepType: "replaceAround",
+      from: this.from,
+      to: this.to,
+      gapFrom: this.gapFrom,
+      gapTo: this.gapTo,
+      insert: this.insert
+    };
+    if (this.slice.size)
+      json.slice = this.slice.toJSON();
+    if (this.structure)
+      json.structure = true;
+    return json;
   }
   /**
   @internal
   */
-  static fromJSON(doc, json) {
-    if (typeof json.anchor != "number")
-      throw new RangeError("Invalid input for NodeSelection.fromJSON");
-    return new NodeSelection(doc.resolve(json.anchor));
-  }
-  /**
-  Create a node selection from non-resolved positions.
-  */
-  static create(doc, from) {
-    return new NodeSelection(doc.resolve(from));
-  }
-  /**
-  Determines whether the given node may be selected as a node
-  selection.
-  */
-  static isSelectable(node) {
-    return !node.isText && node.type.spec.selectable !== false;
+  static fromJSON(schema, json) {
+    if (typeof json.from != "number" || typeof json.to != "number" || typeof json.gapFrom != "number" || typeof json.gapTo != "number" || typeof json.insert != "number")
+      throw new RangeError("Invalid input for ReplaceAroundStep.fromJSON");
+    return new ReplaceAroundStep(json.from, json.to, json.gapFrom, json.gapTo, Slice.fromJSON(schema, json.slice), json.insert, !!json.structure);
   }
 }
-NodeSelection.prototype.visible = false;
-Selection.jsonID("node", NodeSelection);
-class NodeBookmark {
-  constructor(anchor) {
-    this.anchor = anchor;
-  }
-  map(mapping) {
-    let { deleted, pos } = mapping.mapResult(this.anchor);
-    return deleted ? new TextBookmark(pos, pos) : new NodeBookmark(pos);
+Step.jsonID("replaceAround", ReplaceAroundStep);
+function contentBetween(doc, from, to) {
+  let $from = doc.resolve(from), dist = to - from, depth = $from.depth;
+  while (dist > 0 && depth > 0 && $from.indexAfter(depth) == $from.node(depth).childCount) {
+    depth--;
+    dist--;
   }
-  resolve(doc) {
-    let $pos = doc.resolve(this.anchor), node = $pos.nodeAfter;
-    if (node && NodeSelection.isSelectable(node))
-      return new NodeSelection($pos);
-    return Selection.near($pos);
+  if (dist > 0) {
+    let next = $from.node(depth).maybeChild($from.indexAfter(depth));
+    while (dist > 0) {
+      if (!next || next.isLeaf)
+        return true;
+      next = next.firstChild;
+      dist--;
+    }
   }
+  return false;
 }
-class AllSelection extends Selection {
+class AttrStep extends Step {
   /**
-  Create an all-selection over the given document.
+  Construct an attribute step.
   */
-  constructor(doc) {
-    super(doc.resolve(0), doc.resolve(doc.content.size));
+  constructor(pos, attr, value) {
+    super();
+    this.pos = pos;
+    this.attr = attr;
+    this.value = value;
   }
-  replace(tr, content = Slice.empty) {
-    if (content == Slice.empty) {
-      tr.delete(0, tr.doc.content.size);
-      let sel = Selection.atStart(tr.doc);
-      if (!sel.eq(tr.selection))
-        tr.setSelection(sel);
-    } else {
-      super.replace(tr, content);
-    }
+  apply(doc) {
+    let node = doc.nodeAt(this.pos);
+    if (!node)
+      return StepResult.fail("No node at attribute step's position");
+    let attrs = /* @__PURE__ */ Object.create(null);
+    for (let name in node.attrs)
+      attrs[name] = node.attrs[name];
+    attrs[this.attr] = this.value;
+    let updated = node.type.create(attrs, null, node.marks);
+    return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment.from(updated), 0, node.isLeaf ? 0 : 1));
   }
-  toJSON() {
-    return { type: "all" };
+  getMap() {
+    return StepMap.empty;
   }
-  /**
-  @internal
-  */
-  static fromJSON(doc) {
-    return new AllSelection(doc);
+  invert(doc) {
+    return new AttrStep(this.pos, this.attr, doc.nodeAt(this.pos).attrs[this.attr]);
   }
-  map(doc) {
-    return new AllSelection(doc);
+  map(mapping) {
+    let pos = mapping.mapResult(this.pos, 1);
+    return pos.deletedAfter ? null : new AttrStep(pos.pos, this.attr, this.value);
   }
-  eq(other) {
-    return other instanceof AllSelection;
+  toJSON() {
+    return { stepType: "attr", pos: this.pos, attr: this.attr, value: this.value };
   }
-  getBookmark() {
-    return AllBookmark;
+  static fromJSON(schema, json) {
+    if (typeof json.pos != "number" || typeof json.attr != "string")
+      throw new RangeError("Invalid input for AttrStep.fromJSON");
+    return new AttrStep(json.pos, json.attr, json.value);
   }
 }
-Selection.jsonID("all", AllSelection);
-const AllBookmark = {
-  map() {
-    return this;
-  },
-  resolve(doc) {
-    return new AllSelection(doc);
+Step.jsonID("attr", AttrStep);
+class DocAttrStep extends Step {
+  /**
+  Construct an attribute step.
+  */
+  constructor(attr, value) {
+    super();
+    this.attr = attr;
+    this.value = value;
   }
-};
-function findSelectionIn(doc, node, pos, index2, dir, text2 = false) {
-  if (node.inlineContent)
-    return TextSelection.create(doc, pos);
-  for (let i = index2 - (dir > 0 ? 0 : 1); dir > 0 ? i < node.childCount : i >= 0; i += dir) {
-    let child = node.child(i);
-    if (!child.isAtom) {
-      let inner = findSelectionIn(doc, child, pos + dir, dir < 0 ? child.childCount : 0, dir, text2);
-      if (inner)
-        return inner;
-    } else if (!text2 && NodeSelection.isSelectable(child)) {
-      return NodeSelection.create(doc, pos - (dir < 0 ? child.nodeSize : 0));
-    }
-    pos += child.nodeSize * dir;
+  apply(doc) {
+    let attrs = /* @__PURE__ */ Object.create(null);
+    for (let name in doc.attrs)
+      attrs[name] = doc.attrs[name];
+    attrs[this.attr] = this.value;
+    let updated = doc.type.create(attrs, doc.content, doc.marks);
+    return StepResult.ok(updated);
   }
-  return null;
-}
-function selectionToInsertionEnd(tr, startLen, bias) {
-  let last2 = tr.steps.length - 1;
-  if (last2 < startLen)
-    return;
-  let step = tr.steps[last2];
-  if (!(step instanceof ReplaceStep || step instanceof ReplaceAroundStep))
-    return;
-  let map = tr.mapping.maps[last2], end2;
-  map.forEach((_from, _to, _newFrom, newTo) => {
-    if (end2 == null)
-      end2 = newTo;
-  });
-  tr.setSelection(Selection.near(tr.doc.resolve(end2), bias));
-}
-function bind(f, self2) {
-  return !self2 || !f ? f : f.bind(self2);
-}
-class FieldDesc {
-  constructor(name, desc, self2) {
-    this.name = name;
-    this.init = bind(desc.init, self2);
-    this.apply = bind(desc.apply, self2);
+  getMap() {
+    return StepMap.empty;
   }
-}
-[
-  new FieldDesc("doc", {
-    init(config) {
-      return config.doc || config.schema.topNodeType.createAndFill();
-    },
-    apply(tr) {
-      return tr.doc;
-    }
-  }),
-  new FieldDesc("selection", {
-    init(config, instance) {
-      return config.selection || Selection.atStart(instance.doc);
-    },
-    apply(tr) {
-      return tr.selection;
-    }
-  }),
-  new FieldDesc("storedMarks", {
-    init(config) {
-      return config.storedMarks || null;
-    },
-    apply(tr, _marks, _old, state) {
-      return state.selection.$cursor ? tr.storedMarks : null;
-    }
-  }),
-  new FieldDesc("scrollToSelection", {
-    init() {
-      return 0;
-    },
-    apply(tr, prev) {
-      return tr.scrolledIntoView ? prev + 1 : prev;
-    }
-  })
-];
-function bindProps(obj, self2, target) {
-  for (let prop in obj) {
-    let val = obj[prop];
-    if (val instanceof Function)
-      val = val.bind(self2);
-    else if (prop == "handleDOMEvents")
-      val = bindProps(val, self2, {});
-    target[prop] = val;
+  invert(doc) {
+    return new DocAttrStep(this.attr, doc.attrs[this.attr]);
   }
-  return target;
-}
-class Plugin {
-  /**
-  Create a plugin.
-  */
-  constructor(spec) {
-    this.spec = spec;
-    this.props = {};
-    if (spec.props)
-      bindProps(spec.props, this, this.props);
-    this.key = spec.key ? spec.key.key : createKey("plugin");
+  map(mapping) {
+    return this;
   }
-  /**
-  Extract the plugin's state field from an editor state.
-  */
-  getState(state) {
-    return state[this.key];
+  toJSON() {
+    return { stepType: "docAttr", attr: this.attr, value: this.value };
+  }
+  static fromJSON(schema, json) {
+    if (typeof json.attr != "string")
+      throw new RangeError("Invalid input for DocAttrStep.fromJSON");
+    return new DocAttrStep(json.attr, json.value);
   }
 }
-const keys = /* @__PURE__ */ Object.create(null);
-function createKey(name) {
-  if (name in keys)
-    return name + "$" + ++keys[name];
-  keys[name] = 0;
-  return name + "$";
-}
-class PluginKey {
+Step.jsonID("docAttr", DocAttrStep);
+let TransformError = class extends Error {
+};
+TransformError = function TransformError2(message) {
+  let err = Error.call(this, message);
+  err.__proto__ = TransformError2.prototype;
+  return err;
+};
+TransformError.prototype = Object.create(Error.prototype);
+TransformError.prototype.constructor = TransformError;
+TransformError.prototype.name = "TransformError";
+const classesById = /* @__PURE__ */ Object.create(null);
+class Selection {
   /**
-  Create a plugin key.
+  Initialize a selection with the head and anchor and ranges. If no
+  ranges are given, constructs a single range across `$anchor` and
+  `$head`.
   */
-  constructor(name = "key") {
-    this.key = createKey(name);
+  constructor($anchor, $head, ranges) {
+    this.$anchor = $anchor;
+    this.$head = $head;
+    this.ranges = ranges || [new SelectionRange($anchor.min($head), $anchor.max($head))];
   }
   /**
-  Get the active plugin with this key, if any, from an editor
-  state.
+  The selection's anchor, as an unresolved position.
   */
-  get(state) {
-    return state.config.pluginsByKey[this.key];
+  get anchor() {
+    return this.$anchor.pos;
   }
   /**
-  Get the plugin's state from an editor state.
+  The selection's head.
   */
-  getState(state) {
-    return state[this.key];
-  }
-}
-var NAME = "AspectRatio";
-var AspectRatio$1 = React.forwardRef(
-  (props, forwardedRef) => {
-    const { ratio = 1 / 1, style, ...aspectRatioProps } = props;
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          // ensures inner element is contained
-          position: "relative",
-          // ensures padding bottom trick maths works
-          width: "100%",
-          paddingBottom: `${100 / ratio}%`
-        },
-        "data-radix-aspect-ratio-wrapper": "",
-        children: /* @__PURE__ */ jsx(
-          Primitive.div,
-          {
-            ...aspectRatioProps,
-            ref: forwardedRef,
-            style: {
-              ...style,
-              // ensures children expand in ratio
-              position: "absolute",
-              top: 0,
-              right: 0,
-              bottom: 0,
-              left: 0
-            }
-          }
-        )
-      }
-    );
-  }
-);
-AspectRatio$1.displayName = NAME;
-var Root = AspectRatio$1;
-function AspectRatio({ ...props }) {
-  return /* @__PURE__ */ jsx(Root, { "data-slot": "aspect-ratio", ...props });
-}
-const MediaNodeView = ({ node, updateAttributes, editor, getPos }) => {
-  const [selected, setSelected] = useState(false);
-  useEffect(() => {
-    const checkSelection = () => {
-      const selection = editor.state.selection;
-      const selectedNode = selection instanceof NodeSelection ? selection.node : null;
-      if (selectedNode === node) requestAnimationFrame(() => setSelected(true));
-      else setSelected(false);
-    };
-    checkSelection();
-    editor.on("selectionUpdate", checkSelection);
-    return () => {
-      editor.off("selectionUpdate", checkSelection);
-    };
-  }, [editor, node]);
-  const handleDelete = () => {
-    const pos = getPos() ?? NaN;
-    if (!Number.isFinite(pos)) return;
-    editor.chain().focus().deleteRange({ from: pos, to: pos + node.nodeSize }).focus().run();
-  };
-  const handleAlign = (align) => updateAttributes({ align });
-  if (node.attrs.uploading) {
-    return /* @__PURE__ */ jsx(
-      NodeViewWrapper,
-      {
-        className: cn(
-          "flex my-4",
-          node.attrs.align === Alignment.CENTER ? "justify-center" : node.attrs.align === Alignment.RIGHT ? "justify-end" : ""
-        ),
-        children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-full", children: [
-          /* @__PURE__ */ jsxs("div", { className: "relative bg-muted rounded-lg overflow-hidden", children: [
-            /* @__PURE__ */ jsx(
-              AspectRatio,
-              {
-                ratio: node.attrs.type === MediaNodeTypes.Audio ? 4 / 1 : 16 / 4,
-                className: cn("flex items-center justify-center bg-muted"),
-                children: /* @__PURE__ */ jsxs("div", { className: "text-center space-y-3", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "flex justify-center", children: [
-                    node.attrs.type === MediaNodeTypes.Image && /* @__PURE__ */ jsx(Image$1, { className: "w-12 h-12 text-muted-foreground/50" }),
-                    node.attrs.type === MediaNodeTypes.Video && /* @__PURE__ */ jsx(Video, { className: "w-12 h-12 text-muted-foreground/50" }),
-                    node.attrs.type === MediaNodeTypes.Audio && /* @__PURE__ */ jsx(Music, { className: "w-12 h-12 text-muted-foreground/50" })
-                  ] }),
-                  /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground font-medium", children: [
-                    "Uploading ",
-                    node.attrs.type,
-                    "..."
-                  ] })
-                ] })
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 right-0 p-4", children: /* @__PURE__ */ jsx(Progress, { value: node.attrs.progress ?? 0, className: "h-2" }) }),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                onClick: handleDelete,
-                className: "absolute top-2 right-2 p-2 bg-background/90 hover:bg-background rounded-full shadow-sm transition-colors",
-                title: "Cancel upload",
-                children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground text-center mt-2", children: [
-            Math.round(node.attrs.progress ?? 0),
-            "%"
-          ] })
-        ] })
-      }
-    );
+  get head() {
+    return this.$head.pos;
   }
-  return /* @__PURE__ */ jsx(
-    NodeViewWrapper,
-    {
-      "data-drag-handle": true,
-      className: cn(
-        "flex",
-        node.attrs.align === Alignment.CENTER ? "justify-center" : node.attrs.align === Alignment.RIGHT ? "justify-end" : ""
-      ),
-      children: node.attrs.type === MediaNodeTypes.Image ? /* @__PURE__ */ jsx(
-        ResizableWithToolbarWrapper,
-        {
-          open: selected,
-          mediaType: node.attrs.type,
-          align: node.attrs.align,
-          onResize: (maxWidth) => updateAttributes({ maxWidth }),
-          onAlign: handleAlign,
-          onDelete: handleDelete,
-          children: /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: node.attrs.src,
-              alt: node.attrs.caption,
-              className: cn(
-                "object-contain w-full h-auto rounded-lg",
-                selected && "border-2 border-blue-500"
-              )
-            }
-          )
-        }
-      ) : node.attrs.type === MediaNodeTypes.Video ? /* @__PURE__ */ jsx(
-        ResizableWithToolbarWrapper,
-        {
-          open: selected,
-          mediaType: node.attrs.type,
-          align: node.attrs.align,
-          onResize: (maxWidth) => updateAttributes({ maxWidth }),
-          onAlign: handleAlign,
-          onDelete: handleDelete,
-          children: /* @__PURE__ */ jsx(
-            "video",
-            {
-              src: node.attrs.src,
-              controls: true,
-              className: cn("object-contain w-full h-auto", selected && "border-2 border-blue-500")
-            }
-          )
-        }
-      ) : node.attrs.type === MediaNodeTypes.Audio ? /* @__PURE__ */ jsxs("div", { className: "relative p-4 bg-accent/20 border border-border/20 w-full", children: [
-        /* @__PURE__ */ jsx(
-          EditMediaToolbar,
-          {
-            open: selected,
-            align: node.attrs.align,
-            onAlign: handleAlign,
-            onDelete: handleDelete
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "audio",
-          {
-            src: node.attrs.src,
-            controls: true,
-            className: cn("w-full", selected && "rounded-full border-2 border-blue-500")
-          }
-        )
-      ] }) : /* @__PURE__ */ jsx("div", { className: "p-4 text-sm text-gray-600", children: "Unsupported media" })
-    }
-  );
-};
-const ResizableWithToolbarWrapper = ({
-  open,
-  align,
-  onAlign,
-  onDelete,
-  onResize,
-  mediaType,
-  children
-}) => {
-  return /* @__PURE__ */ jsxs(
-    ResizableWrapper,
-    {
-      onResize,
-      className: cn(mediaType === MediaNodeTypes.Audio && "relative p-4 bg-accent/50"),
-      children: [
-        /* @__PURE__ */ jsx(EditMediaToolbar, { open, align, onAlign, onDelete }),
-        children
-      ]
-    }
-  );
-};
-const createDeleteByUidCommand = (nodeName) => {
-  return (uid) => ({ state, commands }) => {
-    const { doc } = state;
-    let targetPos = null;
-    let targetSize = null;
-    doc.descendants((node, pos) => {
-      if (node.type.name === nodeName && node.attrs.uid === uid) {
-        targetPos = pos;
-        targetSize = node.nodeSize;
+  /**
+  The lower bound of the selection's main range.
+  */
+  get from() {
+    return this.$from.pos;
+  }
+  /**
+  The upper bound of the selection's main range.
+  */
+  get to() {
+    return this.$to.pos;
+  }
+  /**
+  The resolved lower  bound of the selection's main range.
+  */
+  get $from() {
+    return this.ranges[0].$from;
+  }
+  /**
+  The resolved upper bound of the selection's main range.
+  */
+  get $to() {
+    return this.ranges[0].$to;
+  }
+  /**
+  Indicates whether the selection contains any content.
+  */
+  get empty() {
+    let ranges = this.ranges;
+    for (let i = 0; i < ranges.length; i++)
+      if (ranges[i].$from.pos != ranges[i].$to.pos)
         return false;
-      }
-    });
-    if (targetPos !== null && targetSize !== null) {
-      return commands.deleteRange({
-        from: targetPos,
-        to: Number(targetPos) + Number(targetSize)
-      });
+    return true;
+  }
+  /**
+  Get the content of this selection as a slice.
+  */
+  content() {
+    return this.$from.doc.slice(this.from, this.to, true);
+  }
+  /**
+  Replace the selection with a slice or, if no slice is given,
+  delete the selection. Will append to the given transaction.
+  */
+  replace(tr, content = Slice.empty) {
+    let lastNode = content.content.lastChild, lastParent = null;
+    for (let i = 0; i < content.openEnd; i++) {
+      lastParent = lastNode;
+      lastNode = lastNode.lastChild;
     }
-    return false;
-  };
-};
-const createUpdateByUidCommand = (nodeName) => {
-  return (uid, attrs) => ({ state, dispatch }) => {
-    if (!dispatch) return false;
-    const { doc, tr } = state;
-    let found2 = false;
-    doc.descendants((node, pos) => {
-      if (node.type.name === nodeName && node.attrs.uid === uid) {
-        tr.setNodeMarkup(pos, void 0, {
-          ...node.attrs,
-          ...attrs
-        });
-        found2 = true;
-        return false;
-      }
-    });
-    if (found2) {
-      dispatch(tr);
-      return true;
+    let mapFrom = tr.steps.length, ranges = this.ranges;
+    for (let i = 0; i < ranges.length; i++) {
+      let { $from, $to } = ranges[i], mapping = tr.mapping.slice(mapFrom);
+      tr.replaceRange(mapping.map($from.pos), mapping.map($to.pos), i ? Slice.empty : content);
+      if (i == 0)
+        selectionToInsertionEnd(tr, mapFrom, (lastNode ? lastNode.isInline : lastParent && lastParent.isTextblock) ? -1 : 1);
     }
-    return false;
-  };
-};
-const createDeleteMarkByUidCommand = (markName) => {
-  return (uid) => ({
-    state,
-    dispatch
-  }) => {
-    if (!dispatch) return false;
-    const { doc, schema } = state;
-    let tr = state.tr;
-    let found2 = false;
-    const positions = [];
-    doc.descendants((node, pos) => {
-      if (node.isText && node.marks?.length) {
-        node.marks.forEach((mark) => {
-          if (mark.type.name === markName && mark.attrs.uid === uid) {
-            positions.push({
-              from: pos,
-              to: pos + node.nodeSize
-            });
-            found2 = true;
-          }
-        });
-      }
-    });
-    if (found2) {
-      const markType = schema.marks[markName];
-      if (markType) {
-        positions.forEach(({ from, to }) => {
-          tr = tr.removeMark(from, to, markType);
-        });
-        dispatch(tr);
+  }
+  /**
+  Replace the selection with the given node, appending the changes
+  to the given transaction.
+  */
+  replaceWith(tr, node) {
+    let mapFrom = tr.steps.length, ranges = this.ranges;
+    for (let i = 0; i < ranges.length; i++) {
+      let { $from, $to } = ranges[i], mapping = tr.mapping.slice(mapFrom);
+      let from = mapping.map($from.pos), to = mapping.map($to.pos);
+      if (i) {
+        tr.deleteRange(from, to);
+      } else {
+        tr.replaceRangeWith(from, to, node);
+        selectionToInsertionEnd(tr, mapFrom, node.isInline ? -1 : 1);
       }
     }
-    return found2;
-  };
-};
-const createUpdateMarkByUidCommand = (markName) => {
-  return (uid, attrs) => ({
-    state,
-    dispatch
-  }) => {
-    console.log("=== UPDATE MARK COMMAND START ===");
-    console.log("markName:", markName);
-    console.log("uid:", uid);
-    console.log("attrs:", attrs);
-    console.log("state.doc:", state.doc.toJSON());
-    if (!dispatch) {
-      console.log("No dispatch, returning false");
-      return false;
+  }
+  /**
+  Find a valid cursor or leaf node selection starting at the given
+  position and searching back if `dir` is negative, and forward if
+  positive. When `textOnly` is true, only consider cursor
+  selections. Will return null when no valid selection position is
+  found.
+  */
+  static findFrom($pos, dir, textOnly = false) {
+    let inner = $pos.parent.inlineContent ? new TextSelection($pos) : findSelectionIn($pos.node(0), $pos.parent, $pos.pos, $pos.index(), dir, textOnly);
+    if (inner)
+      return inner;
+    for (let depth = $pos.depth - 1; depth >= 0; depth--) {
+      let found2 = dir < 0 ? findSelectionIn($pos.node(0), $pos.node(depth), $pos.before(depth + 1), $pos.index(depth), dir, textOnly) : findSelectionIn($pos.node(0), $pos.node(depth), $pos.after(depth + 1), $pos.index(depth) + 1, dir, textOnly);
+      if (found2)
+        return found2;
+    }
+    return null;
+  }
+  /**
+  Find a valid cursor or leaf node selection near the given
+  position. Searches forward first by default, but if `bias` is
+  negative, it will search backwards first.
+  */
+  static near($pos, bias = 1) {
+    return this.findFrom($pos, bias) || this.findFrom($pos, -bias) || new AllSelection($pos.node(0));
+  }
+  /**
+  Find the cursor or leaf node selection closest to the start of
+  the given document. Will return an
+  [`AllSelection`](https://prosemirror.net/docs/ref/#state.AllSelection) if no valid position
+  exists.
+  */
+  static atStart(doc) {
+    return findSelectionIn(doc, doc, 0, 0, 1) || new AllSelection(doc);
+  }
+  /**
+  Find the cursor or leaf node selection closest to the end of the
+  given document.
+  */
+  static atEnd(doc) {
+    return findSelectionIn(doc, doc, doc.content.size, doc.childCount, -1) || new AllSelection(doc);
+  }
+  /**
+  Deserialize the JSON representation of a selection. Must be
+  implemented for custom classes (as a static class method).
+  */
+  static fromJSON(doc, json) {
+    if (!json || !json.type)
+      throw new RangeError("Invalid input for Selection.fromJSON");
+    let cls = classesById[json.type];
+    if (!cls)
+      throw new RangeError(`No selection type ${json.type} defined`);
+    return cls.fromJSON(doc, json);
+  }
+  /**
+  To be able to deserialize selections from JSON, custom selection
+  classes must register themselves with an ID string, so that they
+  can be disambiguated. Try to pick something that's unlikely to
+  clash with classes from other modules.
+  */
+  static jsonID(id, selectionClass) {
+    if (id in classesById)
+      throw new RangeError("Duplicate use of selection JSON ID " + id);
+    classesById[id] = selectionClass;
+    selectionClass.prototype.jsonID = id;
+    return selectionClass;
+  }
+  /**
+  Get a [bookmark](https://prosemirror.net/docs/ref/#state.SelectionBookmark) for this selection,
+  which is a value that can be mapped without having access to a
+  current document, and later resolved to a real selection for a
+  given document again. (This is used mostly by the history to
+  track and restore old selections.) The default implementation of
+  this method just converts the selection to a text selection and
+  returns the bookmark for that.
+  */
+  getBookmark() {
+    return TextSelection.between(this.$anchor, this.$head).getBookmark();
+  }
+}
+Selection.prototype.visible = true;
+class SelectionRange {
+  /**
+  Create a range.
+  */
+  constructor($from, $to) {
+    this.$from = $from;
+    this.$to = $to;
+  }
+}
+let warnedAboutTextSelection = false;
+function checkTextSelection($pos) {
+  if (!warnedAboutTextSelection && !$pos.parent.inlineContent) {
+    warnedAboutTextSelection = true;
+    console["warn"]("TextSelection endpoint not pointing into a node with inline content (" + $pos.parent.type.name + ")");
+  }
+}
+class TextSelection extends Selection {
+  /**
+  Construct a text selection between the given points.
+  */
+  constructor($anchor, $head = $anchor) {
+    checkTextSelection($anchor);
+    checkTextSelection($head);
+    super($anchor, $head);
+  }
+  /**
+  Returns a resolved position if this is a cursor selection (an
+  empty text selection), and null otherwise.
+  */
+  get $cursor() {
+    return this.$anchor.pos == this.$head.pos ? this.$head : null;
+  }
+  map(doc, mapping) {
+    let $head = doc.resolve(mapping.map(this.head));
+    if (!$head.parent.inlineContent)
+      return Selection.near($head);
+    let $anchor = doc.resolve(mapping.map(this.anchor));
+    return new TextSelection($anchor.parent.inlineContent ? $anchor : $head, $head);
+  }
+  replace(tr, content = Slice.empty) {
+    super.replace(tr, content);
+    if (content == Slice.empty) {
+      let marks = this.$from.marksAcross(this.$to);
+      if (marks)
+        tr.ensureMarks(marks);
     }
-    const { doc, schema } = state;
-    let tr = state.tr;
-    let found2 = false;
-    const positions = [];
-    doc.descendants((node, pos) => {
-      if (node.isText && node.marks?.length) {
-        node.marks.forEach((mark) => {
-          console.log("Checking mark:", {
-            markType: mark.type.name,
-            markUid: mark.attrs.uid,
-            targetMarkName: markName,
-            targetUid: uid,
-            matches: mark.type.name === markName && mark.attrs.uid === uid
-          });
-          if (mark.type.name === markName && mark.attrs.uid === uid) {
-            positions.push({
-              from: pos,
-              to: pos + node.nodeSize,
-              mark
-            });
-            found2 = true;
-            console.log("Found matching mark at:", { from: pos, to: pos + node.nodeSize });
-          }
-        });
-      }
-    });
-    console.log("Total positions found:", positions.length);
-    console.log("Positions:", positions);
-    if (found2) {
-      positions.forEach(({ from, to, mark }) => {
-        const newAttrs = { ...mark.attrs, ...attrs };
-        const markType = schema.marks[markName];
-        console.log("Applying update:", { from, to, oldAttrs: mark.attrs, newAttrs });
-        if (markType) {
-          console.log("Before removeMark - tr.doc:", tr.doc.toJSON());
-          tr = tr.removeMark(from, to, markType);
-          console.log("After removeMark - tr.doc:", tr.doc.toJSON());
-          tr = tr.addMark(from, to, markType.create(newAttrs));
-          console.log("After addMark - tr.doc:", tr.doc.toJSON());
-        }
-      });
-      console.log("About to dispatch transaction");
-      console.log("Final tr.doc:", tr.doc.toJSON());
-      console.log("Original state.doc:", state.doc.toJSON());
-      dispatch(tr);
-      console.log("Transaction dispatched successfully");
+  }
+  eq(other) {
+    return other instanceof TextSelection && other.anchor == this.anchor && other.head == this.head;
+  }
+  getBookmark() {
+    return new TextBookmark(this.anchor, this.head);
+  }
+  toJSON() {
+    return { type: "text", anchor: this.anchor, head: this.head };
+  }
+  /**
+  @internal
+  */
+  static fromJSON(doc, json) {
+    if (typeof json.anchor != "number" || typeof json.head != "number")
+      throw new RangeError("Invalid input for TextSelection.fromJSON");
+    return new TextSelection(doc.resolve(json.anchor), doc.resolve(json.head));
+  }
+  /**
+  Create a text selection from non-resolved positions.
+  */
+  static create(doc, anchor, head = anchor) {
+    let $anchor = doc.resolve(anchor);
+    return new this($anchor, head == anchor ? $anchor : doc.resolve(head));
+  }
+  /**
+  Return a text selection that spans the given positions or, if
+  they aren't text positions, find a text selection near them.
+  `bias` determines whether the method searches forward (default)
+  or backwards (negative number) first. Will fall back to calling
+  [`Selection.near`](https://prosemirror.net/docs/ref/#state.Selection^near) when the document
+  doesn't contain a valid text position.
+  */
+  static between($anchor, $head, bias) {
+    let dPos = $anchor.pos - $head.pos;
+    if (!bias || dPos)
+      bias = dPos >= 0 ? 1 : -1;
+    if (!$head.parent.inlineContent) {
+      let found2 = Selection.findFrom($head, bias, true) || Selection.findFrom($head, -bias, true);
+      if (found2)
+        $head = found2.$head;
+      else
+        return Selection.near($head, bias);
     }
-    console.log("=== UPDATE MARK COMMAND END ===");
-    return found2;
-  };
-};
-const DEFAULT_MEDIA_ATTRS = {
-  uid: "",
-  src: "",
-  type: MediaNodeTypes.Image,
-  style: "object-fit: contain; width: 100%; border-radius: 0.5rem;",
-  maxWidth: MEDIA_MIN_WIDTH,
-  align: Alignment.LEFT,
-  caption: "",
-  uploading: false,
-  progress: 0
-};
-const MediaNode = Node$1.create({
-  name: "media",
-  group: "block",
-  atom: true,
-  addAttributes() {
-    return {
-      uid: { default: DEFAULT_MEDIA_ATTRS.uid },
-      src: { default: DEFAULT_MEDIA_ATTRS.src },
-      type: { default: DEFAULT_MEDIA_ATTRS.type },
-      style: { default: DEFAULT_MEDIA_ATTRS.style },
-      maxWidth: { default: DEFAULT_MEDIA_ATTRS.maxWidth },
-      align: { default: DEFAULT_MEDIA_ATTRS.align },
-      caption: { default: DEFAULT_MEDIA_ATTRS.caption },
-      uploading: { default: DEFAULT_MEDIA_ATTRS.uploading },
-      progress: { default: DEFAULT_MEDIA_ATTRS.progress },
-      payload: { default: null, parseHTML: () => null, renderHTML: () => ({}) }
-    };
-  },
-  draggable() {
-    return Boolean(!this?.options?.attrs?.uploading && !this?.options?.attrs?.mediaMode);
-  },
-  selectable() {
-    return Boolean(!this?.options?.attrs?.mediaMode);
-  },
-  parseHTML() {
-    return [
-      {
-        tag: "div[data-media]",
-        getAttrs: (dom) => {
-          return {
-            uid: dom.getAttribute("data-uid") || "",
-            src: dom.getAttribute("data-src") || "",
-            type: dom.getAttribute("data-type") || MediaNodeTypes.Image,
-            align: dom.getAttribute("data-align") || Alignment.LEFT,
-            caption: dom.getAttribute("data-caption") || "",
-            style: dom.getAttribute("style") || DEFAULT_MEDIA_ATTRS.style
-          };
-        }
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes }) {
-    const { uid, src, style, type, align, maxWidth, caption } = HTMLAttributes;
-    const tag = MEDIA_TAGS[type];
-    const wrapperAttrs = mergeAttributes({
-      style: buildWrapperStyle(align),
-      "data-media": true,
-      "data-uid": uid,
-      "data-type": type,
-      "data-src": src,
-      "data-caption": caption || "",
-      "data-align": align
-    });
-    const mediaAttrs = mergeAttributes(
-      { src, style: buildMediaStyle(style, type, maxWidth) },
-      { controls: type === MediaNodeTypes.Audio || type === MediaNodeTypes.Video }
-    );
-    return ["div", wrapperAttrs, [tag, mediaAttrs]];
-  },
-  addNodeView() {
-    return ReactNodeViewRenderer(MediaNodeView);
-  },
-  addCommands() {
-    return {
-      insertMedia: (options) => ({ commands, chain }) => {
-        if (this?.options?.attrs?.mediaMode) {
-          return chain().insertContent([{ type: this.name, attrs: options }]).command(({ tr, dispatch }) => {
-            if (dispatch) {
-              const endPos = tr.doc.content.size;
-              const $pos = tr.doc.resolve(endPos);
-              tr.setSelection(TextSelection$1.near($pos));
-            }
-            return true;
-          }).run();
-        }
-        return commands.insertContent([
-          { type: this.name, attrs: options },
-          { type: "paragraph" }
-          //! Fixes multiple media overlapping issue (But removes default selection feature)
-        ]);
-      },
-      updateMediaByUid: createUpdateByUidCommand(this.name),
-      deleteMediaByUid: createDeleteByUidCommand(this.name),
-      updateMediaProgress: (uid, progress) => ({ commands }) => {
-        return commands.updateMediaByUid(uid, { progress });
+    if (!$anchor.parent.inlineContent) {
+      if (dPos == 0) {
+        $anchor = $head;
+      } else {
+        $anchor = (Selection.findFrom($anchor, -bias, true) || Selection.findFrom($anchor, bias, true)).$anchor;
+        if ($anchor.pos < $head.pos != dPos < 0)
+          $anchor = $head;
       }
-    };
+    }
+    return new TextSelection($anchor, $head);
+  }
+}
+Selection.jsonID("text", TextSelection);
+class TextBookmark {
+  constructor(anchor, head) {
+    this.anchor = anchor;
+    this.head = head;
+  }
+  map(mapping) {
+    return new TextBookmark(mapping.map(this.anchor), mapping.map(this.head));
+  }
+  resolve(doc) {
+    return TextSelection.between(doc.resolve(this.anchor), doc.resolve(this.head));
+  }
+}
+class NodeSelection extends Selection {
+  /**
+  Create a node selection. Does not verify the validity of its
+  argument.
+  */
+  constructor($pos) {
+    let node = $pos.nodeAfter;
+    let $end = $pos.node(0).resolve($pos.pos + node.nodeSize);
+    super($pos, $end);
+    this.node = node;
+  }
+  map(doc, mapping) {
+    let { deleted, pos } = mapping.mapResult(this.anchor);
+    let $pos = doc.resolve(pos);
+    if (deleted)
+      return Selection.near($pos);
+    return new NodeSelection($pos);
+  }
+  content() {
+    return new Slice(Fragment.from(this.node), 0, 0);
+  }
+  eq(other) {
+    return other instanceof NodeSelection && other.anchor == this.anchor;
+  }
+  toJSON() {
+    return { type: "node", anchor: this.anchor };
+  }
+  getBookmark() {
+    return new NodeBookmark(this.anchor);
+  }
+  /**
+  @internal
+  */
+  static fromJSON(doc, json) {
+    if (typeof json.anchor != "number")
+      throw new RangeError("Invalid input for NodeSelection.fromJSON");
+    return new NodeSelection(doc.resolve(json.anchor));
+  }
+  /**
+  Create a node selection from non-resolved positions.
+  */
+  static create(doc, from) {
+    return new NodeSelection(doc.resolve(from));
+  }
+  /**
+  Determines whether the given node may be selected as a node
+  selection.
+  */
+  static isSelectable(node) {
+    return !node.isText && node.type.spec.selectable !== false;
+  }
+}
+NodeSelection.prototype.visible = false;
+Selection.jsonID("node", NodeSelection);
+class NodeBookmark {
+  constructor(anchor) {
+    this.anchor = anchor;
+  }
+  map(mapping) {
+    let { deleted, pos } = mapping.mapResult(this.anchor);
+    return deleted ? new TextBookmark(pos, pos) : new NodeBookmark(pos);
+  }
+  resolve(doc) {
+    let $pos = doc.resolve(this.anchor), node = $pos.nodeAfter;
+    if (node && NodeSelection.isSelectable(node))
+      return new NodeSelection($pos);
+    return Selection.near($pos);
+  }
+}
+class AllSelection extends Selection {
+  /**
+  Create an all-selection over the given document.
+  */
+  constructor(doc) {
+    super(doc.resolve(0), doc.resolve(doc.content.size));
+  }
+  replace(tr, content = Slice.empty) {
+    if (content == Slice.empty) {
+      tr.delete(0, tr.doc.content.size);
+      let sel = Selection.atStart(tr.doc);
+      if (!sel.eq(tr.selection))
+        tr.setSelection(sel);
+    } else {
+      super.replace(tr, content);
+    }
+  }
+  toJSON() {
+    return { type: "all" };
+  }
+  /**
+  @internal
+  */
+  static fromJSON(doc) {
+    return new AllSelection(doc);
+  }
+  map(doc) {
+    return new AllSelection(doc);
+  }
+  eq(other) {
+    return other instanceof AllSelection;
+  }
+  getBookmark() {
+    return AllBookmark;
+  }
+}
+Selection.jsonID("all", AllSelection);
+const AllBookmark = {
+  map() {
+    return this;
   },
-  addKeyboardShortcuts() {
-    return {
-      Backspace: () => {
-        const { selection, doc } = this.editor.state;
-        const $pos = selection.$anchor;
-        const nodeBefore = $pos.nodeBefore;
-        if (nodeBefore?.type.name === this.name && nodeBefore.attrs.uploading) {
-          toast.info("Please wait for upload to complete or cancel it first");
-          return true;
-        }
-        const nodeAtSelection = doc.nodeAt(selection.from);
-        if (nodeAtSelection?.type.name === this.name && nodeAtSelection.attrs.uploading) {
-          toast.info("Please wait for upload to complete or cancel it first");
-          return true;
-        }
-        return false;
-      },
-      Delete: () => {
-        const { selection, doc } = this.editor.state;
-        const $pos = selection.$anchor;
-        const nodeAfter = $pos.nodeAfter;
-        if (nodeAfter?.type.name === this.name && nodeAfter.attrs.uploading) {
-          toast.info("Please wait for upload to complete or cancel it first");
-          return true;
-        }
-        const nodeAtSelection = doc.nodeAt(selection.from);
-        if (nodeAtSelection?.type.name === this.name && nodeAtSelection.attrs.uploading) {
-          toast.info("Please wait for upload to complete or cancel it first");
-          return true;
-        }
-        return false;
-      }
-    };
+  resolve(doc) {
+    return new AllSelection(doc);
   }
-});
-const buildWrapperStyle = (align) => `width: 100%; display: flex; justify-content: ${getAlignmentStyle(align)}; margin:16px 0`;
-const buildMediaStyle = (baseStyle, type, maxWidth) => `${baseStyle}; max-width: ${type === MediaNodeTypes.Audio ? "100%" : `${maxWidth}%`}; ${type !== MediaNodeTypes.Audio ? "height: auto;" : ""}`;
-const getAlignmentStyle = (align) => {
-  const map = {
-    [Alignment.LEFT]: "flex-start",
-    [Alignment.CENTER]: "center",
-    [Alignment.RIGHT]: "flex-end"
-  };
-  return map[align] || "flex-start";
 };
+function findSelectionIn(doc, node, pos, index2, dir, text2 = false) {
+  if (node.inlineContent)
+    return TextSelection.create(doc, pos);
+  for (let i = index2 - (dir > 0 ? 0 : 1); dir > 0 ? i < node.childCount : i >= 0; i += dir) {
+    let child = node.child(i);
+    if (!child.isAtom) {
+      let inner = findSelectionIn(doc, child, pos + dir, dir < 0 ? child.childCount : 0, dir, text2);
+      if (inner)
+        return inner;
+    } else if (!text2 && NodeSelection.isSelectable(child)) {
+      return NodeSelection.create(doc, pos - (dir < 0 ? child.nodeSize : 0));
+    }
+    pos += child.nodeSize * dir;
+  }
+  return null;
+}
+function selectionToInsertionEnd(tr, startLen, bias) {
+  let last2 = tr.steps.length - 1;
+  if (last2 < startLen)
+    return;
+  let step = tr.steps[last2];
+  if (!(step instanceof ReplaceStep || step instanceof ReplaceAroundStep))
+    return;
+  let map = tr.mapping.maps[last2], end2;
+  map.forEach((_from, _to, _newFrom, newTo) => {
+    if (end2 == null)
+      end2 = newTo;
+  });
+  tr.setSelection(Selection.near(tr.doc.resolve(end2), bias));
+}
+function bind(f, self2) {
+  return !self2 || !f ? f : f.bind(self2);
+}
+class FieldDesc {
+  constructor(name, desc, self2) {
+    this.name = name;
+    this.init = bind(desc.init, self2);
+    this.apply = bind(desc.apply, self2);
+  }
+}
+[
+  new FieldDesc("doc", {
+    init(config) {
+      return config.doc || config.schema.topNodeType.createAndFill();
+    },
+    apply(tr) {
+      return tr.doc;
+    }
+  }),
+  new FieldDesc("selection", {
+    init(config, instance) {
+      return config.selection || Selection.atStart(instance.doc);
+    },
+    apply(tr) {
+      return tr.selection;
+    }
+  }),
+  new FieldDesc("storedMarks", {
+    init(config) {
+      return config.storedMarks || null;
+    },
+    apply(tr, _marks, _old, state) {
+      return state.selection.$cursor ? tr.storedMarks : null;
+    }
+  }),
+  new FieldDesc("scrollToSelection", {
+    init() {
+      return 0;
+    },
+    apply(tr, prev) {
+      return tr.scrolledIntoView ? prev + 1 : prev;
+    }
+  })
+];
+function bindProps(obj, self2, target) {
+  for (let prop in obj) {
+    let val = obj[prop];
+    if (val instanceof Function)
+      val = val.bind(self2);
+    else if (prop == "handleDOMEvents")
+      val = bindProps(val, self2, {});
+    target[prop] = val;
+  }
+  return target;
+}
+class Plugin {
+  /**
+  Create a plugin.
+  */
+  constructor(spec) {
+    this.spec = spec;
+    this.props = {};
+    if (spec.props)
+      bindProps(spec.props, this, this.props);
+    this.key = spec.key ? spec.key.key : createKey("plugin");
+  }
+  /**
+  Extract the plugin's state field from an editor state.
+  */
+  getState(state) {
+    return state[this.key];
+  }
+}
+const keys = /* @__PURE__ */ Object.create(null);
+function createKey(name) {
+  if (name in keys)
+    return name + "$" + ++keys[name];
+  keys[name] = 0;
+  return name + "$";
+}
+class PluginKey {
+  /**
+  Create a plugin key.
+  */
+  constructor(name = "key") {
+    this.key = createKey(name);
+  }
+  /**
+  Get the active plugin with this key, if any, from an editor
+  state.
+  */
+  get(state) {
+    return state.config.pluginsByKey[this.key];
+  }
+  /**
+  Get the plugin's state from an editor state.
+  */
+  getState(state) {
+    return state[this.key];
+  }
+}
 const TextChoiceCard = ({ choice, index: index2, canRemove, onRemove }) => {
   const backgroundColor = OPTION_COLORS[index2 % OPTION_COLORS.length];
   return /* @__PURE__ */ jsxs(